javascript——ajax

創建一個請求需要三個步驟:

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打印出來。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章