AJAX简介
全称:Asynchronous JavaScript and XML
即用JavaScript执行异步网络请求
产生:
一次HTTP请求对应一个页面,这是Web的运作原理。
1999年,微软公司发布IE浏览器5.0版,第一次引入新功能:允许JavaScript脚本向服务器发起HTTP请求。
这样,用户可以留在当前页面中,同时发出新的HTTP请求。
2004年Gmail发布和2005年Google Map发布,最早大规模使用AJAX。
2005年2月,AJAX这个词第一次正式提出,AJAX成为脚本发起HTTP通信的代名词。
过程:
AJAX包括以下几个步骤:
使用原生的XMLHttpRequest对象发出HTTP请求
得到服务器返回XML格式的字符串()
JS解析XML,并更新局部页面
语法
XMLHttpRequest对象
用来在浏览器与服务器之间传送数据。
var ajax = new XMLHttpRequest();
ajax.open('GET', 'http://www.example.com/page.php', true);
// 向指定的服务器网址,发出GET请求。
// open方法的第三个参数是一个布尔值,表示是否为异步请求。如果设为false,就表示这个请求是同步的
然后,AJAX指定回调函数,监听通信状态(readyState属性)的变化。
ajax.onreadystatechange = handleStateChange;
XMLHttpRequest实例的属性
readyState
表示XMLHttpRequest请求当前所处的状态。
readyState === 4 表示整个请求过程已完毕
onreadystatechange
指向回调函数,监听通信状态(readyState属性)的变化。
response
返回接收到的数据体
responseType
指定服务器返回数据(xhr.response)的类型。
responseText
返回从服务器接收到