[TOC]
## 1.http請求
定義:http計算機通過網絡進行通信的規則
## 2.請求響應
open(method,url,asyn)
asyn值默認為true
send()
onreadystatechange
## 3.一個完整的ajax的步驟
#### 1.創建ajax核心對象
#### 2.與服務器建立連接
#### 3.發送請求
#### 4.響應
### get請求
~~~
var url = "xxx";
var xhr = new XMLHttpRequest();
xhr.open('get',url,true);
xhr.send();
xhr.onreadystatechange = function(){
if(xhr.readyState == 4 && xhr.status == 200){
var txt = JSON.parse(xhr.responseText);
console.log(txt);
}
}
~~~
JSON.parse()方法將json對象解析為JavaScript對象。
JSON.stringify()將javascript的值,轉換為JSON字符串。
* responseText:獲取字符串形式的響應數據
* status:以數字形式返回http的狀態碼
* readystate值代表服務器響應的變化
### post請求
Post方式要設置一個請求頭
~~~
<div id="test"></div>
<script>
var test = document.getElementById("test");
var xhr = new XMLHttpRequest();
xhr.open("post","xxx",true);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.send(null);
xhr.onreadystatechange = function(){
if(xhr.readyState == 4 && xhr.status == 200){
var data = JSON.parse(xhr.responseText);
test.innerHTML = data.data.content
}
}
</script>
~~~
