AJAX 初学（一）

 这几天开始了javascript的学习，首先避免不了AJAX的数据调用，下面就看看最原始的javascript中的AJAX使用：

 

var AjaxHttp_Obj = window.XMLHttpRequest ? (new XMLHttpRequest()) : (new ActiveXObject("Microsoft.XMLHTTP")); 
 
function AjaxHttpLoadXML() { 
    var str = 'Xmls/test.xml'; 
    AjaxHttp_Obj .open("GET", str, true); 
    AjaxHttp_Obj .onreadystatechange = AjaxHttpResponse; 
    AjaxHttp_Obj .send(null); 
} 
function AjaxHttpResponse() { 
    if (AjaxHttp_Obj .readyState != 4) 
        return; 
    if (AjaxHttp_Obj .status == 200) { 
        XMLObj = AjaxHttp_Obj .responseXML; 
        if (XMLObj ) { 
           var xmlList_Info = XMLObj.getElementsByTagName('lists'); 
           for(var i = 0 ; i < xmlList_Info.length; i ++) 
           {                                          document.write(xmlList_Info[i].getAttribute('info')); 
              document.write("<br />"); 
           } 
        } 
    } 
} 

test.xml:

 

<TestInfo> 
<lists  info='信息一' /> 
<lists  info='信息二' /> 
<lists  info='信息三' /> 
</TestInfo> 

如果这样的写的话，每个页面去读取xml文件，都需要重复很多代码，只有AjaxHttpResponse函数里面是需要改变的，那么我们就需要想想怎么节省时间不做无用功了，也许大家知道jquery里面的封装，那么我现在要学习jquery里面的ajax啦，大家也学习吧