ajax引擎对象通过responseText属性 或者responseXML属性 接收服务器回送的数据

第四根线：ajax引擎对象通过responseText属性或者responseXML属性接收服务器回送的数据，然后在静态页面中对其进行处理，使页面达到局部刷新的效果。

 

服务器端返回数据格式：文本格式，存储在responseText属性中。

functionchuli()

{

       if (myxmlHttpRequest.readyState == 4)

       {

              if (myxmlHttpRequest.status ==200)

              {

                     $("myres").value= myxmlHttpRequest.responseText;

              }

       }     

}

 

服务器端返回数据格式：xml，存储在responseXML属性中。

functionchuli()

{

       if (myXmlHttpRequest.readyState == 4)

       {

              if (myXmlHttpRequest.status ==200)

              {

              var cities=myXmlHttpRequest.responseXML.getElementsByTagName("city");

                                  

                     //若不清零，上次访问的结果还在呢。

                     $('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;

                            //创建一个新元素option

                            var myOption = document.createElement("option");

                            myOption.value = city_name;

                            myOption.innerText = city_name;

                            //将新元素添加到……

                            $('city').appendChild(myOption);

                     }

              }

       }

}

 

服务器端返回数据格式：json，存储在responseText属性中。

function()

{

       //通过eval()函数，将返回的json数据转换成JS能够操作的数组对象。

       var res_object =eval("("+myXmlHttpRequest.responseText+")");

 

       $('ny').innerText = res_object[0].price;

       $('sh').innerText = res_object[1].price;

       $('bl').innerText = res_object[2].price;

}