GET請(qǐng)求是一種請(qǐng)求數(shù)據(jù)的方式,一般在URL中添加請(qǐng)求參數(shù)。后臺(tái)返回的數(shù)據(jù)格式有很多種,其中最為常見(jiàn)的一種就是JSON格式。JSON格式的數(shù)據(jù)通常以鍵值對(duì)的形式出現(xiàn),比如:
{ "name": "John", "age": 20, "gender": "male" }
這里的"name", "age", "gender"就是鍵,對(duì)應(yīng)的值分別是"John", 20, "male"。獲取返回的JSON數(shù)據(jù)可以通過(guò)XMLHttpRequest對(duì)象來(lái)實(shí)現(xiàn),具體實(shí)現(xiàn)方式如下:
var xhr = new XMLHttpRequest(); xhr.open("GET", "http://example.com/data.json"); xhr.setRequestHeader("Content-Type", "application/json"); xhr.onload = function() { if (xhr.status === 200) { var response = xhr.responseText; var data = JSON.parse(response); console.log(data); } else { console.log("Failed to get data."); } }; xhr.send();
這段代碼中,我們首先創(chuàng)建了XMLHttpRequest對(duì)象,然后使用open方法打開(kāi)一個(gè)GET請(qǐng)求的連接。接著,我們使用setRequestHeader方法設(shè)置請(qǐng)求頭,說(shuō)明返回的數(shù)據(jù)格式是JSON。在onload函數(shù)中,我們首先判斷返回的狀態(tài)碼是否為200,如果是200,則說(shuō)明請(qǐng)求成功,此時(shí)我們可以通過(guò)responseText屬性來(lái)獲取返回的JSON字符串。最后,我們將這個(gè)JSON字符串轉(zhuǎn)換成JavaScript對(duì)象,并打印出來(lái)。