創建一個請求需要三個步驟:
1.創建一個XMLHttpRequest對象的引用
2.調用open()方法
3.調用send()方法
function getContent(url, callback){
var request = new XMLHttpRequest()
request.send("GET", url);
request.onreadystatechange = function () {
if(readystate === 4 && request.status === 200) {
callback(request.responseText)
}
}
request.send(null)
}
這是一個最簡單的ajax請求。中間的onreadystatechange是事件處理程序。即監聽請求的進度,完成響應後,怎麼處理返回的內容,callback回調函數就是處理返回內容的函數。
JSON數據格式:
var text = {
"sites" : [
{ "name":"Runoob" , "url":"www.runoob.com" },
{ "name":"Google" , "url":"www.google.com" },
{ "name":"Taobao" , "url":"www.taobao.com" }
]
};
因爲json數據格式是鍵值對的形式,鍵/ 值都爲字符串,而我們需要把它裝換爲對象的形式才能正常使用,
通過JSON.parse()轉換之後就是這樣的形式,這時我們就可以將他們當做正常的對象進行訪問。
function callback(res){
console.log(res.data.slider[0].linkUrl)
}
此時就會將第一條linkUrl打印出來。