代码改变世界

ajax的基本示例

2006-12-31 13:57  shaofeng  阅读(136)  评论(0)    收藏  举报
//-------------初始化xmlhttp变量--------------//
 var xmlhttp;
 var item_arr=new Array();
 if (window.XMLHttpRequest) {
  xmlhttp = new XMLHttpRequest()
   if (xmlhttp.overrideMimeType) {
            xmlhttp.overrideMimeType('text/xml');
         }
  } else if (window.ActiveXObject) {
  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 }
//------------End 初始化xmlhttp变量---------//
 //初始化函数信息
 //fangshi表示发送信息方式(GET,POST)
 //url表示对应的xml路径
 function getData(fangshi,url)
 {
     xmlhttp.onreadystatechange = fun;
     xmlhttp.open(fangshi, url, true);
     xmlhttp.send(null);
 }
 
 function fun()
 {
  if(xmlhttp.readyState == 4 && xmlhttp.status == 200)//这里表示返回成功,返回文件都在里面解析
  {
   var xmldoc=xmlhttp.responseXML;
   for(var i=0;i<xmldoc.documentElement.childNodes.length;i++)
   {
    var nodeinfo=xmldoc.documentElement.childNodes.item(i);
    for(var j=0;j<nodeinfo.childNodes.length;j++)
    {
        var obj=new Object();
     var info=nodeinfo.childNodes.item(j);
     obj.info=info.text;
     if(info.tagName == "ImageUrl")
     {
      url.innerHTML+="<img src="+obj.info+" />";
     }
    }
   }
  }
 }

---------------------------------