ajax 学习

来源：互联网发布：阿里云服务器加固编辑：程序博客网时间：2024/06/06 09:28

1.Ajax的异步获取的请求

 function nationChang(nid) {             xhr.open("get", "SelectProvince.aspx?nid="+nid+"", true);  //异步获取请求，页面的穿参             xhr.setRequestHeader("If-Modified-Since", "0");             xhr.onreadystatechange = function () {                 if (xhr.readyState == 4) {                     if (xhr.status == 200) {                         var res = xhr.responseText;                         var provinceArray = eval("(" + res + ")");                         var sel = getElement("selProvince");                         sel.options.length = 0;                         for (i = 0; i < provinceArray.length; i++) {                             var nowNation = provinceArray[i];                             var option = new Option(nowNation.name, nowNation.id);                             sel.options.add(option);                         }                     }                 }             }            xhr.send(null);        }

2.HTML select 元素的option 添加

function InitialNation() {              for( i=0;i<nationData.length;i++)             {               var nowNation =nationData[i];               var option = new Option(nowNation.name, nowNation.id);  //创建option  类               getElement("selNation").options.add(option);             }                  }

3.HTML 元素select元素的清空：sel.options.length = 0; sel 为select元素的id。

4.创建json的数组，如下带代码：

 var nationData=        [         {"id":"1","name":"中国"},         {"id":"2","name":"美国"},         {"id":"3","name":"日本"}        ];

0 0