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