Ajax Json 知識點簡單總結

一 Ajax原理
1 同步與異步
同步：發送完一個請求，只有收到響應後才能發送另外的請求
異步：發送完一個請求，不用等收到該請求的 響應，就可以直接發送另外的請求


2什麼是AJAX
Asynchronous JavaScript And Xml的縮寫
瀏覽器在不刷新全部頁面的情況下，和服務端進行通信的過程
Ajax就是實現局部刷新的異步通信技術


3 AJAX工作原理
通過XmlHttpRequest對象和服務端進行通信，瀏覽器收到服務端的返回值後，對局部區域的內容進行設置


二 js Ajax
 1 AJAX開發步驟
1)創建AJAX異步對象，createAJAX()
2)準備發送異步請求， ajax.open(method,url)
3)如果是POST請求，一定要設置AJAX請求頭:
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
GET請求無需設置
4)真正發送請求體中的數據到服務器，ajax.send()
5)監聽服務端響應的狀態變化，ajax.onreadystatechange(狀態改變的事件觸發器)
6)獲取AJAX的數據後，執行相關操作


“id:01 name:張三 age:12,02 lisi 23…”


2 狀態
0 表示創建ajax對象，還沒有調用open()方法
1 表示調用open方法，還沒有調用send方法
2 表示調用send方法，但是ajax請求還沒發送到服務端
3 表示請求發送到服務端，但是沒有開始處理
4 表示處理完成ajax請求


三 JSON
1什麼是JSON 
JSON(JavaScript Object Notation, JS 對象標記) 是一種輕量級的數據交換格式。它採用完全獨立於編程語言的文本格式來存儲和表示數據。簡潔和清晰的層次結構使得 JSON 成爲理想的數據交換語言。 易於閱讀和編寫，同時也易於機器解析和生成，並有效地提升網絡傳輸效率。
Js中任何支持的類型都可以通過 JSON 來表示，例如字符串、數字、對象、數組等。其中：
1）對象表示爲鍵值對
2）數據由逗號分隔
3）花括號{}保存對象
4）方括號[]保存數組


注意：JSON 是 JS 對象的字符串表示法，它使用文本表示一個 JS 對象的信息，本質是一個字符串。


3通過第三方組件生成json格式數據
Json-lib


四 jQuery Ajax
1 load方法
返回結果自動添加到jQuery對象代表的標籤中間


2 $.get()/$.post()


3 jQuery對象.serialize() 
自動生成JSON格式的對象


4 $.ajax()