SEO学习:浅析Ajax技术

2017-12-13 20:07:09来源:CSDN作者:Trustauth人点击

分享

什么是Ajax

Ajax的全称是Asynchronous Java and XML 中文名称定义为异步的Java和XM,是指一种创建交互式网页应用的网页开发技术。

Ajax 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 Ajax)如果需要更新内容,必需重载整个网页面。

有很多使用 Ajax 的应用程序案例:新浪微博、Google 地图、开心网等等。

Ajax的工作原理

Ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理,减轻服务器和带宽的负担,从而达到节约ISP的空间及带宽租用成本的目的。

Ajax的核心是Java对象。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,使您可以使用Java向服务器提出请求并处理响应,而不阻塞用户。

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/。

相关文章

    无相关信息

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台