Fe-interview: [js] 第110天 请详细描述AJAX的工作原理

[haizhilin2013]

第110天 请详细描述AJAX的工作原理

[LinStan]

AJAX是用于网页和服务器进行异步通信的技术。
基本原理是，通过XMLHttpRequest向服务器发送异步请求，获得服务器返回的数据，利用js更新页面。
其核心功能在于XMLHttpRequest对象。
创建一个ajax的步骤大致可以分为以下几步

• 创建XHMHttpRequest对象
• 打开链接 （指定请求类型，需要请求数据在服务器的地址，是否异步i请求）
• 向服务器发送请求（get类型直接发送请求，post类型需要设置请求头）
• 接收服务器的响应数据（需根据XMLHttpRequest的readyState属性判定调用哪个回调函数）
• 更新页面

[xxf1996]

@LinStan 有一点需要指正：是XMLHttpRequest对象。

[censek]

AJAX 是在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页。

• 创建对象 （XMLHttpRequest 对象）
• 请求 （将请求发送到服务器，使用 XMLHttpRequest 对象的 open() 和 send() 方法）
• 响应 （获得来自服务器的响应，使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性）
• readyState （onreadystatechange 事件）