什么是ajax
- 概念: 異步j(luò)avascript和XML(json)竹海。
- 作用：進(jìn)行數(shù)據(jù)交換兔院，使網(wǎng)頁實(shí)現(xiàn)異步更新，可以只對網(wǎng)頁的某部分進(jìn)行更新站削，這也是它的主要用途，像新浪微博孵稽、各類電子地圖许起，手機(jī)端的大部分頁面等等都用了ajax。
如何使用AJAX來請求數(shù)據(jù)
- 創(chuàng)建XMLHttpRequest對象（要考慮到標(biāo)注瀏覽器的做法菩鲜，和老版瀏覽器的差異）
- 向服務(wù)器發(fā)送請求
- 配置請求
- 發(fā)送請求
- 監(jiān)聽readystatechange事件
詳細(xì)請求步驟
- 創(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ù)組元素鹿寻。
