web前端开发——AJAX入门

什么是AJAX


    AJAX: A New Approach to Web Applications XML

    AJAX是老技术新思想。它所包含的内容我们之前都接触过。如下:

    (1)使用XHTML和CSS的基于标准的表示技术 

    (2)使用DOM进行动态显示和交互 

    (3)使用XML和XSLT进行数据交换和处理 

    (4)使用XMLHttpRequest进行异步数据检索 

    (5)使用Javascript将以上技术融合在一起 

    就像将几种酒混合成鸡尾酒一样,AJAX让老的技术换发出新的生命力。


web前端开发——AJAX入门_第1张图片


AJAX的作用


    (1)改善表单验证方式,不再需要打开新页面,也不再需要将整个页面数据提交  

    (2)不需刷新页面就可改变页面内容,减少用户等待时间 

    (3)按需获取数据,每次只从服务器端获取需要的数据  

    (4)读取外部数据,进行数据处理整合 

    (5)异步与服务器进行交互,在交互过程中用户无需等待,仍可继续操作 


web前端开发——AJAX入门_第2张图片


AJAX应用模式的流程与传统Web应用模式相比


    AJAX应用的流程是:在浏览器中输入数据->点击按钮提交请求->用户可以继续做其他事情;Servlet在处理数

据,并发回数据->浏览器收到响应->浏览器中的当前页面显示响应结果,这其中仍然有些过程由于时间短暂使你忽略

了它的所在,但实际上这些过程都是存在的。

    传统Web开发思维模式的一个特点是通过form表单提交请求信息,然后转向一个新的页面处理请求,并显示服务

器端返回的信息。

    下面看幅图

web前端开发——AJAX入门_第3张图片


 ajax缺点


    (1)AJAX没有Back和History功能,即对浏览器机制的破坏

    (2)AJAX的安全问题。

    (3)对搜索引擎支持较弱。

    (4)客户端过肥,太多客户端代码造成开发上的成本。

    (5)破坏程序的异常处理机制,违背URL和资源定位的初衷。


AJAX适用场景


web前端开发——AJAX入门_第4张图片


小结


    由于可以在页面内与服务器通信,不必整体刷新页面,减少了数据传输量,提高了Web应用的响应速度,给用户

带来全新的感受。可以认为AJAX就是Web标准和Web应用的可用性理论的集大成者。它极大地改善了Web应用的可用性

和用户的交互体验,最终得到了用户和市场的广泛认可。所以可以说,AJAX就是用户和市场的选择。


你可能感兴趣的:(【B/S】)