Ajax 操作xml

var xmlHttp

/*
第一部分是有关xmlHttp的申明,因为IE和其它一些浏览生成xmlHttp的对象有一点两样,所以申明时比较麻烦
其它主要功能相当于Flash方式中的 "new XML()" 当然还包函其它功能
*/
function GetXmlHttpObject(handler)
{
  var objXmlHttp=null;
  if (navigator.userAgent.indexOf("MSIE")>=0)
  {
    var strName="Msxml2.XMLHTTP";
    if (navigator.appVersion.indexOf("MSIE 5.5")>=0)  //既使是IE都有两种申明方式
    {
      strName="Microsoft.XMLHTTP";
    }
    try
    {
      objXmlHttp=new ActiveXObject(strName);
      objXmlHttp.onreadystatechange=handler;
      return objXmlHttp;
    }
    catch(e)
    {
      alert("Error. Scripting for ActiveX might be disabled");
      return;
    }
  }
  else
  {
    objXmlHttp=new XMLHttpRequest();  //Firefox、Opera等都是用这种
    objXmlHttp.οnlοad=handler;
    objXmlHttp.οnerrοr=handler;
    return objXmlHttp;
  }
}

//首先要被调用的函数，可看作上面Flash中的 setxml()函数，
function showpage(no)
{
  document.getElementById("loadstatus").innerHTML = "Lading…";
  var url = no+".xml?rid="+Math.random();
  //stateChanged_showplist是下面的函数名，注意的是不要加括号
  xmlHttp=GetXmlHttpObject(stateChanged_showplist);
  //传递方式是GET，也可以选择POST方式，有时传递变量是中文要记得设置文件头                  
  xmlHttp.open("GET", url , true);
  xmlHttp.send(null);
}

//分析XML函数
function stateChanged_showplist()
{
  if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") //xmlHttp.readyState==4  4表示读取结束
  {
    document.getElementById("loadstatus").innerHTML = " ";
    table = document.getElementById("pagebody");//生成TALBE Element
    for (i = table.rows.length-1; i >= 0; i–)   //要删除原来有的行，不然表格会无限延伸
      table.deleteRow(i);
    xmlroot = xmlHttp.responseXML.getElementsByTagName("movie");  //取得XML所需要的根
   
    for (i=0;i<xmlroot.length;i++)
    {
      //简单的DOM，生成表格。
      tr = table.insertRow(-1);
      td = tr.insertCell(-1);
      td.align = "center";
      td.innerHTML = ‘<span class="warntxt">’+xmlroot[i].getAttribute(’id’)+’</span>’;
      td = tr.insertCell(-1);
      td.innerHTML = xmlroot[i].firstChild.data;
      td = tr.insertCell(-1);
      td.innerHTML = xmlroot[i].getAttribute(’type’);
    }

    //定义翻页链接
    page = xmlHttp.responseXML.getElementsByTagName("data")[0].getAttribute(’page’)
    if (page >1)
    {
      prepage = page*1-1;
      var changpage = "<a href=’javascript:showpage("+ prepage +")’>上一页</a> ";
    }
    else
    {
      changpage = "上一页 ";
    }
    if (page <3)
    {
      nextpage = page*1+1;
      changpage += "<a href=’javascript:showpage("+ nextpage +")’>下一页</a> ";
    }
    else{
      changpage += "下一页 ";
    }
    document.getElementById("changpage").innerHTML = changpage;
  }
}