AJAX-XMLHttpRequest对象

作者：@kuaiquxie
作者的github：https://github.com/bitebita
本文为作者原创，如需转载，请注明出处：https://www.cnblogs.com/dzwj/p/15872912.html

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")