最近在學(xué)習(xí)前端開發(fā)中，接觸到了一種常見的請求方式——get請求。其中一個很有用的特性是可以返回json格式的數(shù)據(jù)，今天我們就來詳細介紹一下如何使用get請求獲取json數(shù)據(jù)。

首先，使用get請求是通過在url中添加參數(shù)來傳遞信息的，例如：

http://www.example.com/api/getData?user=hello&id=123

其中“getData”是服務(wù)端暴露的接口，后面的參數(shù)用“?”拼接，各個參數(shù)用“&”連接。

發(fā)起get請求可以使用各種方式，例如jquery的ajax方法：

$.get("http://www.example.com/api/getData", { user: "hello", id: 123 })
 .done(function(data) {
console.log(data);
 });

或者使用原生的XMLHttpRequest對象：

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://www.example.com/api/getData?user=hello&id=123");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send();

最后，就是如何解析返回的json數(shù)據(jù)了。在接受到j(luò)son數(shù)據(jù)后，可以使用JSON對象的parse方法將其轉(zhuǎn)換為JavaScript對象。例如：

$.get("http://www.example.com/api/getData", { user: "hello", id: 123 })
 .done(function(data) {
var obj = JSON.parse(data);
console.log(obj.key);
 });

或者：

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://www.example.com/api/getData?user=hello&id=123");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var obj = JSON.parse(xhr.responseText);
console.log(obj.key);
}
};
xhr.send();

通過以上方法，就可以輕松地使用get請求獲取json數(shù)據(jù)了。