Rumah > Artikel > hujung hadapan web > Ajax简单实例（基于jQuery）
Ajax简单实例（基于jQuery）
- 一个新手asal
- 2017-09-29 09:49:031088semak imbas
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8"/>
<title></title>
<script src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function () {
$("#cmbProvince").on("change", function () {
var selectIndex = $('#cmbProvince option:selected').val();//选中的值
var name = $('#cmbProvince option:selected').text();//选中的值
console.info(selectIndex);
var provice = {
id: selectIndex,
name: name
}˙
$.ajax({
url: "http://localhost:8080/Ajax/linkage",
data: JSON.stringify(provice),
type: "POST",
dataType: "json",
success: function (data) {
console.info(data);
var size = data.length;
var optionstring = "";
for (var i = 0; i < size; i++) {
var item = data[i];
optionstring += "<option value='" + item.id + "' >" + item.name + "</option>";
}
$("#cmbCity").html(optionstring);
},
error: function (e) {
alert("请求处理出错");
}
});
});
}); </script></head><body><select id="cmbProvince" name="cmbProvince">
<option value="0">请选择省份</option>
<option value="1">江苏省</option>
<option value="2">山东省</option></select><select id="cmbCity" name="cmbCity">
<option value="0">请选择城市</option></select></body></html>Atas ialah kandungan terperinci Ajax简单实例（基于jQuery） . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery的Cookie使用方法Artikel seterusnya：replace函数替换单个和全局的使用方法