AJAX-XMLHttpRequest对象
Ajax的核心是XMLHttpRequest 对象。
<!DOCTYPE html> <html> <body> <h1>XMLHttpRequest 对象</h1> <p id="demo">让 AJAX 改变这段文本。</p> <button type="button" onclick="loadDoc()">更改内容</button> <script> function loadDoc() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("demo").innerHTML = this.responseText; } }; xhttp.open("GET", "/demo/js/ajax_info.txt", true); xhttp.send(); } </script> </body> </html>
XMLHttpRequest 对象方法
new XMLHttpRequest() 创建新的XMLHttpRequest对象
abort() 取消当前请求
getResponseHeader() 返回特定的头部信息
open(method, url ,async, user , psw) 规定请求
参数:method:请求类型GET或POST
url:文件位置
async: true (异步)或false(同步)
user:可选的用户名称
psw: 可选的密码
send() 将请求发送到服务器,用于GET请求
send(string) 将请求发送到服务器,用于POST请求
setRequestHeader() 向要发送的报头添加标签/值对
XMLHttpRequest对象属性
onreadystatechange 定义当readystate 属性发生变化时被调用的函数
readystate 保存XMLHttpRequest的状态。
0:请求未初始化
1:服务器连接已建立
2:请求已收到
. 3:正在处理请求
4:请求已完成且响应已就绪
responseText 以字符串返回响应数据
responseXML 以XML数据返回响应数据
status 返回请求的状态号
200: "OK"
403: "Forbidden"404:"Not Found"
statusText 返回状态文本(比如"OK”或“Not Found")