JavaScript AJAX实现原理是通过使用 XMLHttpRequest 对象及相关技术,实现无刷新的网页更新或加载信息。
XMLHttpRequest 对象可以实现与服务器之间通过 HTTP 协议来传送数据 —— 包括请求、响应、状态等。客户端可以使用该对象发起异步 HTTP 请求给服务器,而浏览器可以处理服务器的响应并将数据渲染到当前页面而不需要重新刷新页面。因此从而实现无刷新网页更新或加载功能。
步骤:
1)通过对 XMLHttpRequest 对象进行实例化,来创建 AJAX 对象;
2)使用 open() 方法来指定发出 AJAX 请求;
3)使用 send() 方法来发送 AJAX 请求;
4)使用 onreadystatechange 事件响应 AJAX 请求;
5)使用 responseText 属性及 responseXML 属性接收服务器响应;
6)使用 innerHTML 属性将服务器响应渲染到页面上。