原生javascript AJAX 三级联动的实现代码
发布时间:2020-12-15 23:15:18 所属栏目:百科 来源:网络整理
导读:js 三级联动的实现代码如下所示: js原生ajax -请选择 省/直辖市/自治区- -请选择 市- 总结 以上所述是小编给大家介绍的原生javascript AJAX 三级联动的实现代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!
js 三级联动的实现代码如下所示:
js原生ajax
var sel1 = document.getElementsByName('sel1')[0];
var sel2 = document.getElementsByName('sel2')[0];
var ints = document.getElementById('int');
// 创建请求对象
var a = new XMLHttpRequest();
// 初始化
a.open('get','city.json','true');
// 发送
a.send();
//readySate 状态码 交互进行到了哪一步
//0:请求未初始化
//1:服务器链接已建立
//2:请求已经接受
//3:请求处理中
//4:请求已经完成,且响应已就绪
//status 交互是否成功
a.onreadystatechange = function(){
if(a.status ==200||a.status == 304){
if(a.readyState == 4){
var obj = JSON.parse(a.response);//responseText:获得字符串形式的响应数据。
var b = obj.城市代码;
for(var i = 0;i |