HTML5可以讓我們通過AJAX技術來獲取JSON數據,而且非常方便。我們只需要使用JavaScript和JSON加載器就可以在應用中使用來自Web服務器的數據。以下是一個示例:
function loadJSON(callback) { var xhr = new XMLHttpRequest(); xhr.overrideMimeType("application/json"); xhr.open('GET', 'data.json', true); xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == "200") { callback(xhr.responseText); } }; xhr.send(null); } loadJSON(function (response) { var actual_JSON = JSON.parse(response); console.log(actual_JSON); });
在上面的示例中,我們定義了一個名為loadJSON的函數,它使用XMLHttpRequest對象向Web服務器發送GET請求。這樣就可以打開一個JSON文件,文件名為data.json。一旦我們收到服務器響應,函數就會被觸發,將收到的JSON數據傳遞給回調函數,然后將其解析為實際的JSON對象。
這是一個基本的方法,您可以在其中添加錯誤處理和其他功能來優化您的代碼??傊?,HTML5中的AJAX技術可以使我們更輕松地獲取和使用JSON數據,這對于許多Web應用程序來說顯然是非常重要的。
下一篇vue $el 使用