AJAX入门

迈不过友情╰ 2022-04-17 07:16 180阅读 0赞

**什么是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表单提交请求信息，然后转向一个新的页面处理请求，并显示服务器端返回的信息。
    
    以下看幅图

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTE2MTY0_size_16_color_FFFFFF_t_70]

**ajax缺点:**

（1）AJAX没有Back和History功能，即对浏览器机制的破坏
    （2）AJAX的安全问题。
    （3）对搜索引擎支持较弱。
    （4）client过肥，太多client代码造成开发上的成本。
    （5）破坏程序的异常处理机制，违背URL和资源定位的初衷。

**AJAX适用场景:**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTE2MTY0_size_16_color_FFFFFF_t_70 1]

**小结:**  
因为能够在页面内与server通信，不必总体刷新页面，降低了传输数据量。提高了Web应用的响应速度，给用户带来全新的感受。能够觉得AJAX就是Web标准和Web应用的可用性理论的集大成者。它极大地改善了Web应用的可用性  
和用户的交互体验。终于得到了用户和市场的广泛认可。所以能够说，AJAX就是用户和市场的选择。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTE2MTY0_size_16_color_FFFFFF_t_70]: /images/20220417/1a46dfe24afd4742a39dcd496e59677b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTE2MTY0_size_16_color_FFFFFF_t_70 1]: /images/20220417/371668b6bdc2419fb7dabe28d30249ab.png