什么是ajax
- 概念: 異步javascript和XML(json)。
- 作用：進行數(shù)據(jù)交換，使網(wǎng)頁實現(xiàn)異步更新，可以只對網(wǎng)頁的某部分進行更新，這也是它的主要用途，像新浪微博、各類電子地圖，手機端的大部分頁面等等都用了ajax。
如何使用AJAX來請求數(shù)據(jù)
- 創(chuàng)建XMLHttpRequest對象（要考慮到標注瀏覽器的做法，和老版瀏覽器的差異）
- 向服務器發(fā)送請求
- 配置請求
- 發(fā)送請求
- 監(jiān)聽readystatechange事件
詳細請求步驟
- 創(chuàng)建出XMLHttpRequest對象
需要考慮 瀏覽器的兼容性
var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
- 配置請求（初始化請求信息）
xhr.open('GET', 'data.json', true);//get參數(shù)寫在url里?
xhr.open('POST', 'data.json', true);
- 發(fā)送請求
xhr.send(null);//get發(fā)送方式
xhr.send('usr=123&pass=123');//post發(fā)送方式 參數(shù)寫在send里
- 監(jiān)聽請求結(jié)果（返回值）
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
var result = JSON.parse(xhr.responseText);
}
}
- JSON:json是一種基于文本的數(shù)據(jù)交換格式
- JSON是一種簡單數(shù)據(jù)格式，它有三種數(shù)據(jù)結(jié)構(gòu)：
- 鍵值對（屬性） —— Name/Value (Key/Value)
- 對象 —— Object
- 數(shù)組 —— Arrays
{
"book"：[{
"name"："西游記",
"writer"："吳承恩",
"price"："30"},
{
"name"："《紅樓夢》"
"writer"："曹雪芹",
"price"："50"}
]
}
上面代碼的格式就是使用的基本形式，book就是對象，{}里的是鍵值對（也可以稱為屬性）他們用“，”隔開使用，[ ] 就是數(shù)組，在JSON中[]來包含數(shù)組元素。
