|
Ajax定义为异步的JavaScript和XML,是指一种创建交互式网页应用的网页开发技术。 Ajax 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 Ajax）如果需要更新内容，必需重载整个网页面。 有很多使用 Ajax 的应用程序案例：新浪微博、Google 地图、开心网等等。 Ajax的工作原理 Ajax的工作原理相当于在用户和服务器之间加了—个中间层，使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约ISP的空间及带宽租用成本的目的。
Ajax的优点 Ajax的给我们带来的好处大家基本上都深有体会，在这里我只简单的讲几点： 1、最大的一点是页面无刷新，在页面内与服务器通信，给用户的体验非常好。 2、使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的响应能力。 3、可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，Ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。 4、基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。 使用Ajax的对比 没使用Ajax：浏览器访问服务器请求，用户看得到（页面刷新也就等同于重新发请求，刷新看得到，也就等同于请求看得到）。等请求完，页面刷新，新内容出现，用户看到新内容。 使用Ajax：浏览器访问服务器请求，用户看不到，是悄悄进行。等请求完，页面不刷新，新内容也会出现，用户看到新内容。 两者区别：都是发请求给服务器，都会看到新内容，只是一个是悄悄发。用Ajax好处：为了防止刷新页面，因为刷新页面的时间一般都是需要巨长时间，而我们用户讨厌等待，如果哪天刷新页面的时间可以做到0.01秒，那也可以考虑不用Ajax。 Ajax应用的五个步骤 1.建立对象 if(window.) { xmlHttp = new (); if(xmlHttp.overrideMimeType) { xmlHttp.overrideMimeType("text/xml"); } } else if(window.ActiveXobject) { var activeName = ["MSXML2.XMLHTTP", "Microsoft.XMLHTTP"]; for(var i = 0; i < activeName.length; i++) { try { xmlHttp = new ActiveXobject(activeName[i]); break; } catch(e) {} } } if(!xmlHttp) { alert("创建对象失败"); } else {} 2.设置回调函数 xmlHttp.onreadystatechange= callback; function callback(){} 3.使用OPEN方法与服务器建立连接 xmlHttp.open("get","Ajax?name="+ name,true) 此步注意设置http的请求方式（post/get）,如果是POST方式，注意设置请求头信息xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded") 4.向服务器端发送数据 xmlHttp.send(null); 如果是POST方式就不为空 5.在回调函数中针对不同的响应状态进行处理 if(xmlHttp.readyState == 4){ //判断交互是否成功 if(xmlHttp.status == 200){ //获取服务器返回的数据 //获取纯文本数据 var responseText =xmlHttp.responseText; document.getElementById("info").innerHTML = responseText; } } ———————————————————— 数安时代（GDCA）拥有国内自主签发信鉴易 TrustAUTH SSL证书以及是国际多家知名品牌：GlobalSign、Symantec、GeoTrust SSL证书指定的国内代理商。为了让国内更多的网站升级到安全的https加密传输协议，五一期间，GDCA推出多种国际知名SSL证书优惠活动，实现HTTPS加密并展示网站真实身份信息。详情请资讯GDCA产品官网在线客服https://www.trustauth.cn/。 |
广告
广告
广告
搜索
发文
0
评论
点击查看更多