1. Ajax簡介
• AJAX( Asynchronous JavaScript and XML)非同步的 JavaScript 和 XML。在不重新載入整個頁面的情況下，可以與伺服器交換資料並更新部分網頁內容，使網頁實現非同步更新，不需要任何瀏覽器外掛。
2. Ajax原理（語法）
1. XHR建立物件 new一個XMLHttpRequest
2. 定義請求方式
3. 向伺服器傳送請求（請求引數get 在url中填寫、post在send(中書寫)）
4. 響應與資料處理

 1  //1.new一個XMLHttpRequest 相容性寫法
 2 var xmlhttp;
 3     if (window.XMLHttpRequest) {
 
 4         xmlhttp = new XMLHttpRequest();
 5     } else {
 6         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 7     }
 8     //2.定義請求方式
 9     xmlhttp.open("GET", "http://yapi.shangyuninfo.com/mock/156/bookType")
10     //3.向伺服器傳送請求
11     xmlhttp.send();
12     //4.響應與資料處理
13     xmlhttp.onreadystatechange = function
 
 (res) {
14         if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
15             console.log(res.currentTarget.response);
16             var resout = JSON.parse(res.currentTarget.response)
17             console.log(resout.book[0].typeList);
18         }
19     }
20