前奏: 

Web2.0 概述

    Web1.0    vs.    Web2.0

    天天谈门户        谈特性化

    关切的是内容      关注的是行使

    谈挂牌推销        谈服务

    谈密闭、大而全     谈我们开放、谈共同

    网站中央化        个人中心化

Web1.0 vs. Web2.0结论:

    是网络传媒的一种发展趋势是一种意见,而不是技巧。

       Creativity-users as creators 创新

       Collective intelligence 集体智慧

       Client-side, rich capabilities 用户至上

       Copyright/Copyleft 版权

    没有真的1.0、2.0的定义

    它们只是对互连网消息发展历程所出现的特征的综合

Web2.0的参考描述:

    是以 以Blog、TAG、SNS、RSS、wiki等社会软件的施用为着力

    依照六度分隔、xml、ajax等新理论和技术落成的互连网新一代方式

Web3.0

     Web3.0是三广+三跨(广域的 广语的 广博的 跨区域 跨语种 跨行业)

    将来玩游戏得积分,卖装备就是Web3.0的变现。

 

Web 1.0 2.0 3.0 没有切实可行的区分, 不一致的是对网络的见识。

 

正题: 

Ajax概述

     Ajax是由Jesse James Garrett创造的,是”Asynchronous
JavaScript+XML”的缩写

     Adaptive Path公司的Jesse James Garrett如是说:

   
 Ajax不是一种新技巧,它把三种成熟的技能以新的措施组合而成,形成有力的法力,包含:

      基于XHTML和CSS标准的象征;

      使用document Object Model进行动态突显和彼此;

      使用XMLHttpRequest与服务器进行异步通讯;

      使用JavaScript绑定一切。

      

       古板的Web应用是三个协办的互动进度。Ajax是异步的。

       
AJAX是贰个客户端动态网页思想;综合整合利用HTML,CSS,JavaScript,XML等页面技术做到客户端浮现效果,同时以XMLHttpRequest为骨干的异步对象与服务端后台通信。

 

Ajax的优势

      减轻服务器的承受

     
AJAX的尺度是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的承担。

     带来更好的用户体验

     无刷新更新页面,裁减用户思维和事实上的等待时间。

     利用客户端的处理能力

    
能够把以前有些服务器负责的做事转嫁到客户端,利用客户端闲置的力量来拍卖,减轻服务器和带宽的承受

         基于条件的并被广泛协助的技巧,不要求下载插件可能小程序。

         进一步推进页面展现和数目的诀别。

 

科普的Ajax使用境况

         表单驱动的互动

         深层次的树形导航

         连忙的用户与用户间的互换响应

         类似投票、yes/no等非亲非故痛痒的场地

         对数据开展过滤和控制相关数据的气象

         普通的文件输入指示和自行已毕的光景

 

Ajax不适用场景:

         部分不难的表单

         基本的导航

         页面大多数索要立异

 

 重点: 

XMLHttpRequest对象(AJAX引擎的基本)

1)成效:达成AJAX的心得: 像桌面应用与server进行数据互换

       异步 : 局地刷新

2)目标:减轻server的压力,进步交互的速度

            局地刷新页面某些部份,不影响全部页面

3)对象创制(XMLHttpRequest):

  依照分裂的浏览器,对XMLHttpRequest对象的初步化有所差别:

  <script language=”javascript”>

     var xmlreq = false;

     //IE浏览器

     xmlreq = new ActiveXObject(“Msxml2.XMLHTTP”);

     //旧版本的IE

     xmlreq = new ActiveXObject(“Microsoft.XMLHTTP”);

     //Mozilla浏览器

     xmlreq = new XMLHttpRequest();

  </script>

 

 

4)XMLHttpRequest对象是运作在browser的(Ajax引擎的主导)

状态:

0=未起初化

1=读取中

2=已读取

3=交互中

4=完成

 

切实aJax 的写法参照Ajax支持(JavaScript辅助, JQuery协理),
提议使用jQuery 完成Ajax。  具体的操作有 $.ajax() ,  $.get(), $.post(),
load() 等办法。

相关文章

网站地图xml地图