原生Aajax 和jQuery Ajax 写法个人总结

2019-11-19 17:03:12

字体：大中小

来源：转载

供稿：网友

AJAX:即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。

　　　　　　一个完整的HTTP请求：由请求方式、URL、请求头和请求体组成；

　　　　　　一个完整的HTTP响应：由状态码、响应头、响应体组成；

　　　　　　http状态码：1开头代表信息类正在处理、2开头代表请求成功200 OK、3开头代表重定向、4开头代表客户端错误 404、5开头代表服务器错误；

　　　　　　响应状态：0,1,2,3,4 4代表响应成功。

　　　　　　open方法中的第三个参数代表是否异步（TRUE为异步 FALSE为同步）。

　　　　　　当请求方式为POST时，open方法后面要设置请求头（xmlhttp.setResponseHeader("")）send方法中要加入；　　　　　　

　　原生JavaScript写法：

var xhr;  function rukou()//入口函数  {   xhr=getxhr();   if(xhr==null)   {    alert("浏览器不支持！");   }   var url="";   xhr.onreadystatechange=fanhui;   xhr.open("GET",url,true);   xhr.send(null);  }  function fanhui()//请求成功的回调函数  {   if(readyState==4)   {    document.getElementById("xx").innerHTML=xhr.responseText;   }  }  function getxhr()//获取xmlhttp对象  {   xhr=null;   try{    xhr=new XMLHttpRequest();   }   catch(e)   {    xhr=new ActiveXObject("Microsoft.XMLHTTP");   }  }

　　　　　　jQuery中的ajax写法：

$("#tijiao").click(function(){  $.ajax({   type:"GET",   url:"http://localhost/AJAX/test.php?name="+$("#name").val()+"&phone="+$("#phone").val(),   dataType:"json",   success:function(data){    $("#success").html(data.msg);   },   error:function(){    alert("错误！！！");   }  }) })

$("#tijiao").click(function(){  $.ajax({   type:"POST",   url:"test.php",   data:{    name:$("#name").val(),    phone:$("#phone").val()   },   dataType:"json",   success:function(data){    $("#success").html(data.msg);   },   error:function(){    alert("错误！！！");   }  }) })

以上所述是小编给大家介绍的原生Aajax 和jQuery Ajax 个人总结，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持！

上一篇：原生js实现简单的Ripple按钮实例代码

下一篇：jQuery实现的背景颜色渐变动画效果示例