本篇文章主要的讲述了关于ajax的定义，还有关于ajax的作用，最后还有关于ajax的写法详解，现在让我们一起来看这篇文章吧
什么是AjAx？
异步的javascript和xml。
作用是什么？
通过AjAx与服务器进行数据交换，AjAx可以使用网页实现布局更新。
这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
怎么来实现Ajax？
XmlHttpRequest对象，使用这个对象可以异步向服务器发送请求，获取响应更新，完成局部更新。 Open send responseText/responseXML 局部响应。（想看更多就到PHP中文网AJAX开发手册栏目中学习）
使用场景
登录失败不跳转页面。
注册实时提示用户名是否存在。
省市区的联动。
管理图片服务器，进行延时加载。
原生AjAx写法：
var XHR=null; if (window.XMLHttpRequest) { // 非IE内核 XHR = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE内核,这里早期IE的版本写法不同,具体可以查询下 XHR = new ActiveXObject("Microsoft.XMLHTTP"); } else { XHR = null; } if(XHR){ XHR.open("GET", "ajaxServer.action"); XHR.onreadystatechange = function () { // readyState值说明 // 0,初始化,XHR对象已经创建,还未执行open // 1,载入,已经调用open方法,但是还没发送请求 // 2,载入完成,请求已经发送完成 // 3,交互,可以接收到部分数据 // status值说明 // 200:成功 // 404:没有发现文件、查询或URl // 500:服务器产生内部错误 if (XHR.readyState == 4 && XHR.status == 200) { // 这里可以对返回的内容做处理 // 一般会返回JSON或XML数据格式 console.log(XHR.responseText); // 主动释放,JS本身也会回收的 XHR = null; } }; XHR.send(); }登录后复制
Jquery AjAx写法：
$.ajax({ url:"servlet", type:"post",//get data:{}, async:true, cache:true, complete:function(){}, traditional:false, dataType:"json", success:function(data){}, error:function(){} }); $.post("servlet",{},function(data){},"json"); $.get("servlet",function(data){},"json");登录后复制
本篇文章到这就结束了（想看更多就到PHP中文网AJAX使用手册栏目中学习），有问题的可以在下方留言提问。
以上就是ajax的作用是什么？ajax的作用和写法的详细解释的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2741598.html
