web前端开发——AJAX入门

Posted 2020-09-22 mthoutai

什么是AJAX

    AJAX: A New Approach to Web Applications XML

    AJAX是老技术新思想。

它所包括的内容我们之前都接触过。例如以下：

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

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

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

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

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

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

AJAX的作用

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

    (2)不需刷新页面就可改变页面内容。降低用户等待时间 

    (3)按需获取数据，每次仅仅从server端获取须要的数据  

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

    (5)异步与server进行交互，在交互过程中用户无需等待。仍可继续操作 

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

    AJAX应用的流程是：在浏览器中输入数据->点击button提交请求->用户能够继续做其它事情；Servlet在处理数

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

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

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

器端返回的信息。

    以下看幅图

 ajax缺点

    （1）AJAX没有Back和History功能，即对浏览器机制的破坏

    （2）AJAX的安全问题。

    （3）对搜索引擎支持较弱。

    （4）client过肥，太多client代码造成开发上的成本。

    （5）破坏程序的异常处理机制，违背URL和资源定位的初衷。

AJAX适用场景

小结

    因为能够在页面内与server通信，不必总体刷新页面，降低了传输数据量。提高了Web应用的响应速度，给用户

带来全新的感受。

能够觉得AJAX就是Web标准和Web应用的可用性理论的集大成者。它极大地改善了Web应用的可用性

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