ajax 省市联动 代码
来源:互联网 发布:炮王吴亦凡 知乎 编辑:程序博客网 时间:2024/04/30 15:26
省市联动:
代码如下:
showCities.php:
<span style="font-size:18px;"><html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"/><script type="text/javascript">//创建ajax引擎function getXmlHttpObject(){var xmlHttpRequest;//不同的浏览器获取对象xmlhttprequest 对象方法不一样if(window.ActiveXObject){xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");}else{xmlHttpRequest=new XMLHttpRequest();}return xmlHttpRequest;}var myXmlHttpRequest="";function getCities(){myXmlHttpRequest=getXmlHttpObject();if(myXmlHttpRequest){var url="/ajax/showCitiesPro.php";//postvar data="province="+$('sheng').value;myXmlHttpRequest.open("post",url,true);//异步方式myXmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//指定回调函数myXmlHttpRequest.onreadystatechange=chuli;//发送myXmlHttpRequest.send(data);}}function chuli(){if(myXmlHttpRequest.readyState==4){if(myXmlHttpRequest.status==200){//取出服务器回送的数据var cities=myXmlHttpRequest.responseXML.getElementsByTagName("city");<span style="white-space:pre"></span>//每次加载数据之前将已存在数据清空$('city').length=0;var myOption=document.createElement("option");myOption.innerText="--城市--";//添加到$('city').appendChild(myOption);//遍历并取出城市for(var i=0;i<cities.length;i++){var city_name=cities[i].childNodes[0].nodeValue;//创建新的元素optionvar myOption=document.createElement("option");myOption.value=city_name;myOption.innerText=city_name;//添加到$('city').appendChild(myOption);}}}}//这里我们写一个函数function $(id){return document.getElementById(id);}</script></head><body><select id="sheng" onchange="getCities();"> <option value="">---省---</option> <option value="zhejiang">浙江</option> <option value="jiangsu" >江苏</option> <option value="sichuan" >四川</option> </select> <select id="city"> <option value="">--城市--</option> </select> <select id="county"> <option value="">--县城--</option> </select></body></html></span>
showCitiesProcess.php:
<span style="font-size:18px;"><?php//服务器端//这里两句话很重要,第一讲话告诉浏览器返回的数据是xml格式header("Content-Type: text/xml;charset=utf-8");//告诉浏览器不要缓存数据header("Cache-Control: no-cache");//接收用户的选择的省的名字$province=$_POST['province'];file_put_contents("d:/mylog.log",$province."\r\n",FILE_APPEND);//如何在调试过程中,看到接收到的数据 。//到数据库去查询省有那些城市(现在先不到数据库)$info="";if($province=="zhejiang"){$info="<province><city>杭州</city><city>温州</city><city>宁波</city></province>";}else if($province=="jiangsu"){$info="<province><city>南京</city><city>徐州</city><city>苏州</city></province>";}echo $info;?></span>
0 0
- 省市联动ajax代码
- ajax 省市联动 代码
- Ajax联动实现省市联动
- ajax pro省市联动
- ajax省市县联动
- jquery AJAX 省市联动
- AJAX实现省市联动
- 省市联动 ajax
- AJAX实现省市联动
- 4. AJAX 省市联动
- ajax+js省市联动
- 省市联动 json ajax
- ajax写省市联动
- 省市二级联动代码
- js省市联动代码
- JavaScript省市联动代码
- JS省市联动代码
- ajax实现省市三级联动
- 谁来关注高校学子的心理健康
- rpm、yum、字符串学习记录常用用法
- 企业信息安全浅析
- 蓝山
- SSL介绍与Java实例
- ajax 省市联动 代码
- javascript 之 call & apply
- 简单手势滑动示例
- 查看java类是从哪个包加载
- 101个MySQL的调优技巧
- 设置当前Activity背景是当前使用的壁纸
- ajax文件上传步骤详解2
- 新版微信认证——微信连wifi上网设置教程
- Certificate、Provisioning Profile、App ID的介绍及其之间的关系