如何使用H5請求JSON數(shù)據(jù)

H5中可以使用AJAX（Asynchronous JavaScript And XML）技術(shù)，通過XMLHttpRequest對象（XHR）來請求JSON數(shù)據(jù)。以下是請求JSON數(shù)據(jù)的基本步驟：

var xhr = new XMLHttpRequest(); // 創(chuàng)建XMLHttpRequest對象
xhr.open('GET', 'example.json', true); // 設(shè)置請求方法、請求地址、是否異步
xhr.setRequestHeader('Content-Type', 'application/json'); // 設(shè)置請求頭，告訴服務(wù)器返回JSON數(shù)據(jù)
xhr.onreadystatechange = function() {
if(xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText); // 將返回的JSON字符串轉(zhuǎn)成JavaScript對象
console.log(data); // 在控制臺打印數(shù)據(jù)
}
};
xhr.send(); // 發(fā)送請求

以上代碼通過XMLHttpRequest對象發(fā)送GET請求，請求地址為example.json，請求頭設(shè)置為application/json，請求成功后將返回的JSON字符串通過JSON.parse()方法轉(zhuǎn)成JavaScript對象，最后在控制臺打印數(shù)據(jù)。

除了XMLHttpRequest對象，也可以使用jQuery庫中的$.ajax()方法來請求JSON數(shù)據(jù)：

$.ajax({
url: "example.json", // 請求地址
beforeSend: function(xhr) { // 設(shè)置請求頭
xhr.setRequestHeader("Content-Type", "application/json");
},
dataType: "json", // 告訴服務(wù)器返回JSON數(shù)據(jù)
success: function(data) { // 請求成功后的回調(diào)函數(shù)
console.log(data); // 在控制臺打印數(shù)據(jù)
}
});

以上代碼通過$.ajax()方法發(fā)送GET請求，請求地址為example.json，設(shè)置請求頭，告訴服務(wù)器返回JSON數(shù)據(jù)，請求成功后通過回調(diào)函數(shù)處理返回的JSON數(shù)據(jù)。

總而言之，H5中可以通過XMLHttpRequest對象或jQuery庫中的$.ajax()方法來請求JSON數(shù)據(jù)，并對返回的數(shù)據(jù)進行處理。