实现效果图:
Ajax知识补充:
1,创建XMLHttpRequest对象:
var xmlHttp = new XMLHttpRequest();
2, 向服务器发送请求:
xmlHttp.setRequestHeader(header,value) //向请求添加http头
xmlHttp.open(method, url, async) //async:true(异步) false(同步)
xmlHttp.end(string) //string仅用于POST请求
3, 服务器响应
获得来自服务器的响应,可以使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
responseText 获得字符串形式的响应数据。
responseXML 获得 XML 形式的响应数据。
4, onreadystatechange 事件。
每当 readyState 改变时,就会触发onreadystatechange 事件。
readyState 属性存有 XMLHttpRequest 的状态信息。
readyState
存有 XMLHttpRequest