飞哥seo培训:学习Ajax技术

摘 要

  飞哥seo培训:学习Ajax技术 什么是Ajax Ajax定义为异步的JavaScipt和XML,是指一种创建交互式网页应用的网页开发技术。 Ajax 是一种用于创建快速动态网页的技术。通过在后台与 服务器 进行

  

飞哥seo培训:学习Ajax技术<

<<

  什么是Ajax<

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

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

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

  Ajax的工作原理<

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

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

  Ajax的优点<

  Ajax的给我们带来的好处大家基本上都深有体会,在这里我只简单的讲几点:<

  1、最大的一点是页面无刷新,在页面内与服务器通信,给用户的体验非常好。<

  2、使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的响应能力。<

  3、可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,Ajax的原则是“按需取数据&dquo;,可以最大程度的减少冗余请求,和响应对服务器造成的负担。<

  4、基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。<

  使用Ajax的对比<

  没使用Ajax:浏览器访问服务器请求,用户看得到(页面刷新也就等同于重新发请求,刷新看得到,也就等同于请求看得到)。等请求完,页面刷新,新内容出现,用户看到新内容。<

  使用Ajax:浏览器访问服务器请求,用户看不到,是悄悄进行。等请求完,页面不刷新,新内容也会出现,用户看到新内容。<

  两者区别:都是发请求给服务器,都会看到新内容,只是一个是悄悄发。用Ajax好处:为了防止刷新页面,因为刷新页面的时间一般都是需要巨长时间,而我们用户讨厌等待,如果哪天刷新页面的时间可以做到0.01秒,那也可以考虑不用Ajax。<

  Ajax应用的五个步骤<

  1.建立对象<

  if(window.) {<

  xmlHttp = new ();<

  if(xmlHttp.oveideMimeType) {<

  xmlHttp.oveideMimeType("text/xml");<

  }<

  } else if(window.ActiveXobject) {<

  va activeName = ["MSXML2.XMLHTTP", "Micosoft.XMLHTTP"];<

  fo(va i = 0; i < activeName.length; i++) {<

  ty {<

  xmlHttp = new ActiveXobject(activeName[i]);<

  beak;<

  } catch(e) {}<

  }<

  }<

  if(!xmlHttp) {<

  alet("创建对象失败");<

  } else {}<

  2.设置回调函数<

  xmlHttp.oneadystatechange= callback;<

  function callback(){}<

  3.使用OPEN方法与服务器建立连接 xmlHttp.open("get","Ajax?name="+ name,tue)<

  此步注意设置http的请求方式(post/get),如果是POST方式,注意设置请求头信息xmlHttp.setRequestHeade("Content-Type","application/x-www-fom-ulencoded")<

  4.向服务器端发送数据<

  xmlHttp.send(null);<

  如果是POST方式就不为空<

  5.在回调函数中针对不同的响应状态进行处理<

  if(xmlHttp.eadyState == 4){ //判断交互是否成功<

  if(xmlHttp.status == 200){ //获取服务器返回的数据 //获取纯文本数据<

  va esponseText =xmlHttp.esponseText;<

  document.getElementById("info").inneHTML = esponseText;<

  }<

  }<

  ————————————————————<

  数安时代(GDCA)拥有国内自主签发信鉴易 TustAUTH SSL证书以及是国际多家知名品牌:GlobalSign、Symantec、GeoTust SSL证书指定的国内代理商。为了让国内更多的网站升级到安全的https加密传输协议,五一期间,GDCA推出多种国际知名SSL证书优惠活动,实现HTTPS加密并展示网站真实身份信息。<

  • 94
    A+
发布日期:2019年09月07日  所属分类: Seo进阶