投稿 评论 顶部
只分享精品资源,希望小站能够帮助到大家!

飞哥seo培训:学习Ajax技术

寻宝分享网 SEO教程

飞哥seo培训:学习Ajax技术

  什么是Ajax

  Ajax定义为异步的javascript和XML,是指一种创建交互式网页应用的网页开发技术。

  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证书指定的国内代理商。为了让国内更多的网站升级到安全的http加密传输协议,五一期间,GDCA推出多种国际知名SSL证书优惠活动,实现HTTPS加密并展示网站真实身份信息。