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

前端之家收集整理的这篇文章主要介绍了原生Aajax 和jQuery Ajax 写法个人总结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面

      

重定向、4开头代表客户端错误 404、5开头代表服务器错误

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

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

  

原生JavaScript写法:

函数 { 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写法:

PHP?name="+$("#name").val()+"&phone="+$("#phone").val(),dataType:"json",success:function(data){ $("#success").html(data.msg); },error:function(){ alert("错误!!!"); } }) })
PHP",data:{ name:$("#name").val(),phone:$("#phone").val() },error:function(){ alert("错误!!!"); } }) })

以上所述是小编给大家介绍的原生Aajax 和jQuery Ajax 个人总结。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/ajax/40475.html

猜你在找的Ajax相关文章