首页 > 代码库 > web前端开发——AJAX入门

web前端开发——AJAX入门

2024-08-09 03:15:34   216人阅读

什么是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)按需获取数据，每次只从服务器端获取需要的数据  

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

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


技术分享


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


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

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

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

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

器端返回的信息。

    下面看幅图

技术分享


 ajax缺点


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

    （2）AJAX的安全问题。

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

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

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


AJAX适用场景


技术分享


小结


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

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

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


web前端开发——AJAX入门


联系
我们