ajax 学习

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":"日本"}
        ];