原生ajax 与jquery ajax 的对比

第一种：原生js 的ajax请求

XMLHttpRequest，不得不提的一个对象，AJAX最核心也是最底层的对象。可悲哀的是，它是W3C的一个标准，但微软IE一直很自我（微软IE）。怎么办？当然是用一个方法和谐掉它们。

 //异步检测
var XMLHttpReq;
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
  if(window.XMLHttpRequest) { //Mozilla 浏览器
     XMLHttpReq = new XMLHttpRequest();
  }
  else if (window.ActiveXObject) { // IE浏览器
    try {
       XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e) {}
    }
  }
}

这样就拿到了XMLHttpRequest对象。

下面是处理响应的函数：

       function checkXMLEmailResponse(){
	if (XMLHttpReq.readyState == 4) { // 判断对象状态
	    if (XMLHttpReq.status == 200) { // 信息已经成功返回，开始处理信息
			var resXML = XMLHttpReq.responseText;

                      //这里写代码

       } else { //页面不正常 
          window.alert("您所请求的页面有异常。"); 
         }} }

好了，xhr对象有了，处理响应的函数也有了，那怎么调用呢。

  
  createXMLHttpRequest();//初始化xhr
   XMLHttpReq.open('GET','/demo/ajax/iajax20110306_query.php?entryname='+val,true);
  //与readyState属性有关，当readyState改变时它才会触发  
 XMLHttpReq.onreadystatechange=checkXMLEmailResponse; //这里设置响应的函数
 //异步处理完成后发送数据出去（比如某些需要在焦点事件后再执行的） 
  XMLHttpReq.send(null);

第二种：jquery 封装的ajax方法

                     $.ajax( {
			url : url,type : 'get',success : function(data) {
				//data为返回数据

			}
		

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!