. 通过异步模式,提升了用户体验
. 优化了浏览器和做事器之间的传输,减少不必要的数据来回,减少了带宽占用
. Ajax引擎在客户端运行,承担了一部分本来由做事器承担的事情,从而减少了大用户量下的做事器负载
3.AJAX最大的特点是什么。
Ajax可以实现动态不刷新(局部刷新)便是能在不更新全体页面的条件下掩护数据。这使得Web运用程序更为迅捷地回运用户动作,并避免了在网络上发送那些没有改变过的信息。
4.请先容一下XMLHttprequest工具。Ajax的核心是JavaScript工具XmlHttpRequest。该工具在Internet Explorer 5中首次引入,它是一种支持异步要求的技能。简而言之,XmlHttpRequest使您可以利用JavaScript向做事器提出要求并处理相应,而不壅塞用户。通过XMLHttpRequest工具,Web开拓职员可以在页面加载往后进行页面的局部更新
5.AJAX技能体系的组成部分有哪些。HTML,css,dom,xml,xmlHttpRequest,javascript
6.事情当中会和后台交互吗? 那你能说说封装好的 ajax里的几个参数吗 ?url: 发送要求的地址。
type: 要求办法(post或get)默认为get。
async: 同步异步要求,默认true所有要求均为异步要求。
timeout : 超时时间设置,单位毫秒
data:哀求为Object或String类型的参数,发送到做事器的数据
cache:默认为true(当dataType为script时,默认为false), 设置为false将不会从浏览器缓存中加载要求信息。
dataType: 预期做事器返回的数据类型。
可用的类型如下:
xml:返回XML文档,可用JQuery处理
html:返回纯文本HTML信息;包含的script标签会在插入DOM时实行。
script:返回纯文本JavaScript代码。不会自动缓存结果。
json:返回JSON数据。
jsonp:JSONP格式。利用JSONP形式调用函数时,例如myurl?callback=?,JQuery将自动更换后一个“?”为精确的函数名,以实行回调函数。
text:返回纯文本字符串。
success:要求成功后调用的回调函数,有两个参数。
(1) 由做事器返回,并根据dataType参数进行处理后的数据。
(2) 描述状态的字符串。
error:哀求为Function类型的参数,要求失落败时被调用的函数。该函数有3个参数
(1) XMLHttpRequest工具
(2) 缺点信息
(3) 捕获的缺点工具(可选)
complete :function(XMLHttpRequest,status){ //要求完成后终极实行参数
7.Ajax的实现流程是若何的?Ajax的实现流程是若何的?
(1)创建XMLHttpRequest工具,也便是创建一个异步调用工具.
(2)创建一个新的HTTP要求,并指定该HTTP要求的方法、URL及验证信息.
(3)设置相应HTTP要求状态变革的函数.
(4)发送HTTP要求.
(5)获取异步调用返回的数据.
(6)利用JavaScript和DOM实现局部刷新.
<script type="text/javascript"> var httpRequest; function checkUsername() { if(window.XMLHttpRequest) { //在IE6以上的版本以及其他内核的浏览器(Mozilla)等 httpRequest = new XMLHttpRequest(); }else if(window.ActiveXObject) { //在IE6以下的版本 httpRequest = new ActiveXObject(); } //创建http要求 httpRequest.open("POST", "Servlet1", true); //由于我利用的是post办法,以是须要设置头 httpRequest.setRequestHeader("Content-type", "application/xwww-form-urlencoded"); //指定回调函数 httpRequest.onreadystatechange = response22; //得到文本框的数据 var name = document.getElementById("username").value; //发送http要求,把要检测的用户名通报进去 httpRequest.send("username=" + name); } function response22() { //判断要求状态码是否是4【数据吸收完成】 if(httpRequest.readyState==4) { //再判断状态码是否为200【200是成功的】 if(httpRequest.status==200) { //得到做事端返回的文本数据 var text = httpRequest.responseText; //把做事端返回的数据写在div上 var div = document.getElementById("result"); div.innerText = text; } } } </script>
8.AJAX要求统共有多少种CALLBACK
AJAX要求统共有多少种CALLBACK
Ajax要求统共有八种Callback
onSuccess
onFailure
onUninitialized
onLoading
onLoaded
onInteractive
onComplete
onException
9.AJAX有哪些有点和缺陷?AJAX有哪些有点和缺陷?
优点:
1、最大的一点是页面无刷新,用户的体验非常好。
2、利用异步办法与做事器通信,具有更加迅速的相应能力。
3、可以把以前一些做事器包袱的事情转嫁到客户端,利用客户端闲置的能力来处理,减轻做事器和带宽的包袱,节约空间和宽带租用本钱。并且减轻做事器的包袱,ajax的原则是“按需取数据”,可以最大程度的减少冗余要求,和相应对做事器造成的包袱。
4、基于标准化的并被广泛支持的技能,不须要下载插件或者小程序。
缺陷:
1、ajax不支持浏览器back按钮。
2、安全问题 AJAX暴露了与做事器交互的细节。
3、对搜索引擎的支持比较弱。
4、毁坏了程序的非常机制。
5、不随意马虎调试。
10.Ajax 办理浏览器缓请安题?Ajax 办理浏览器缓请安题?
1、在ajax发送要求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0")。
2、在ajax发送要求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。
3、在URL后面加上一个随机数: "fresh=" + Math.random();。
4、在URL后面加上韶光戳:"nowtime=" + new Date().getTime();。
5、如果是利用jQuery,直接这样就可以了 $.ajaxSetup({cache:false})。这样页面的所有ajax都会实行这条语句便是不须要保存缓存记录。