本篇文章主要的讲述了关于ajax的定义,还有关于ajax的作用,最后还有关于ajax的写法详解,现在让我们一起来看这篇文章吧
什么是ajax?异步的javascript和xml。
作用是什么?通过ajax与服务器进行数据交换,ajax可以使用网页实现布局更新。
这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
怎么来实现ajax?xmlhttprequest对象,使用这个对象可以异步向服务器发送请求,获取响应更新,完成局部更新。 open send responsetext/responsexml 局部响应。(想看更多就到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");
本篇文章到这就结束了(想看更多就到ajax使用手册栏目中学习),有问题的可以在下方留言提问。
以上就是ajax的作用是什么?ajax的作用和写法的详细解释的详细内容。