省市联动ajax代码
来源:互联网 发布:网络的吃鸡是啥意思 编辑:程序博客网 时间:2024/04/30 09:47
<script type="text/javascript">
function createXmlHttpRequest() {
try {
return new XMLHttpRequest();
} catch (e) {
try {
return new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
return new ActiveXObject("Microsoft.XMLHTTP");
}
}
}
window.onload = function() {
/*
发送异步请求
*/
var xmlHttp = createXmlHttpRequest();
xmlHttp.open("GET", "<c:url value='/ProvinceServlet'/>", true);
xmlHttp.send(null);
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200)
var proArray = eval("(" + xmlHttp.responseText + ")");
for (var i = 0; i < proArray.length; i++) {
var pro = proArray[i];
var option = document.createElement("option");
option.value = pro.pid;//这里赋id为了好处理
var textNode = document.createTextNode(pro.pname);
option.appendChild(textNode);
document.getElementById("province").appendChild(option);
}
}
};
var province = document.getElementById("province");
province.onchange = function() {
var xmlHttp = createXmlHttpRequest();
xmlHttp.open("POST", "<c:url value='/CityServlet'/>", true);
xmlHttp.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded ");
//关键是怎么知道这个this就是option呢,这个this到底指的是什么
xmlHttp.send("pid=" + this.value);
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
var c = document.getElementById("city");
var cOption = c.getElementsByTagName("option");
while (cOption.length > 1) {
c.removeChild(cOption[1]);
}
var cityPro = eval("(" + xmlHttp.responseText + ")");
for (var i = 0; i < cityPro.length; i++) {
var city = cityPro[i];
var option = document.createElement("option");
option.value = city.cid;
var textNode = document.createTextNode(city.cname);
option.appendChild(textNode);
c.appendChild(option);
}
}
};
};
};
</script>
0 0
- 省市联动ajax代码
- ajax 省市联动 代码
- Ajax联动实现省市联动
- ajax pro省市联动
- ajax省市县联动
- jquery AJAX 省市联动
- AJAX实现省市联动
- 省市联动 ajax
- AJAX实现省市联动
- 4. AJAX 省市联动
- ajax+js省市联动
- 省市联动 json ajax
- ajax写省市联动
- 省市二级联动代码
- js省市联动代码
- JavaScript省市联动代码
- JS省市联动代码
- ajax实现省市三级联动
- UVALive 6042 - Bee Tower(dp)
- Linux伙伴系统
- 支付宝接入记录
- 面向对象中的多态
- QT中编译时出现main.cpp: No such file or directory
- 省市联动ajax代码
- Unreal Engine 4 For Unity Developers
- leetcode 080 —— Remove Duplicates from Sorted Array II
- CWinApp
- Mysql刷新系统权限表
- ObjectARX非模态对话框为当前焦点
- C#作为unity3D的一些常用函数
- Apache的RewriteRewriteRule ^/t_(.*).html$ /test.php?id=$1 学习
- LeetCode之Subsets II