Ajax

理解AJAX：同步与异步通信的高效网络解决方案

最新推荐文章于 2025-03-16 10:00:00 发布

原创最新推荐文章于 2025-03-16 10:00:00 发布 · 322 阅读

1 ·

CC 4.0 BY-SA版权

本文深入探讨了AJAX（异步JavaScript与XML）的概念及其在构建快速、友好Web应用程序中的作用。重点解释了同步与异步通信的区别，并详细介绍了如何通过创建通信对象、配置请求、监听响应等步骤实现异步通信，从而提升用户体验。

AJAX 指异步JavaScript及XML（Asynchronous JavaScript And XML）。AJAX 不是一种新的编程语言，而是一种使用现有标准的新方法。通过 AJAX，你可以创建更好、更快以及更友好的 WEB 应用程序。

什么是同步通信？什么是异步通信？

（1）同步：前台页面给后台服务器一个请求（发送一个表单内容，传递一个url），服务器获取到请求数据之后给前台页面一个响应，在这个过程当中，前台页面一直在等待（停止所有的动作）。
（2）异步：前台页面给后台服务器一个请求（发送一个表单内容，传递一个url），服务器获取到请求数据之后给前台页面一个响应，在这个过程当中，前台页面正常工作。

怎么样实现异步通信？
步骤一：建立一个通信对象（XMLHttpRequest 对象）
步骤二：利用该对象的open来确定一个具体的通信url（给谁发送请求）open("GET"|"POST",服务器url,true(异步)|false(同步))
步骤三：发送请求
步骤四：监听服务器给出的响应（接收响应）
onreadystatechange=function(){函数内容}--匿名函数：自动执行，不需要调用
onreadystatechange=callback--回调函数--自动执行，有名字，函数执行完后会给主程序一个响应
responseText|responseBody 属性会存储从服务器返回的数据。