ajax标签导航实例详解教程（5）

大结局（XMLHttpRequest对象）

好了，到了ajax关键时刻了。

/* ===========================================================
* 函数名称：ajaxUpdater(tarObj,sMethod,URL,parameters)
* 参数说明：tarObj - 异步获取信息希望显示的目标节点ID
*           sMethod - 数据提交方法，两个可选值get,post
*           URL - 提交的目标URL地址
*           parameters - URL后面接（传递）的参数  
* 函数功能：将异步传递的目标URL地址返回的信息，无刷新的写到目标
*           节点(tarObj)中
* 返 回 值：new Error() - 运行错误时返回一个报错信息
* 使用方法：var myAjax = ajaxUpdater(msgBox,"get",URL,para);
============================================================ */
function ajaxUpdater(tarObj,sMethod,URL,parameters){
    var oXmlHttp = createXMLHTTPRequest();
           
    oXmlHttp.open(sMethod, URL+parameters, true);
    oXmlHttp.onreadystatechange = function () {
        if (oXmlHttp.readyState == 4) {
             if (oXmlHttp.status == 200) {
                  if($(tarObj)){
                       $(tarObj).innerHTML = oXmlHttp.responseText;
                  }
                  else{
                       return false;    
                  }          
             } 
             else {
                  throw new Error("有一个错误产生！");
             }
         }    
    }
            
    oXmlHttp.send(null); 

绕了这么多圈，又回到我们文章开始提到的，现在要开始运用XMLHttpRequest对象的相关知识了。

不过还没有完，最后要说的就是innerHTML这个特性，这里我们还要感谢微软啊，innerHTML就是它的专利，我们就是用它来改变指定DOM内的HTML字符串的，而不用刷新页面。详细的信息大家还是google一下吧，我也要休息下啊！！喝口茶先！！^-^！

以上讲了这么多，我们最后来看看，我们这个ajax标签导航都用到了那些技术吧：

1.xhtml
2.CSS
3.Javascript
4.DOM
5.XMLHttpRequest对象
6.innerHTML

还有XML，我们这个例子没有涉及到。东西虽小，包含的（web前端开发）知识可是都用到了啊，我把我会的点东西都端出来了（要失业了），呵呵！

当然我很喜欢跟大家多交流，以后有时间，我们在来谈谈CSS的HACKS技巧，Javascript DOM编程等等的，今天就收工了，谢谢捧场先！！！