在當今互聯網發展迅速的時代,前后端分離是開發維護中不可或缺的一個步驟,而json數據庫作為前端獲取數據的常用方式之一,其底層的數據格式也備受青睞。那么我們該如何通過代碼實現對json數據庫的調取呢?
// 創建一個XMLHttpRequest()對象 var xhr = new XMLHttpRequest(); // 設置請求地址與請求方式 xhr.open('GET', '/data.php', true); // 發送http請求 xhr.send(); // 添加回調函數 xhr.onreadystatechange = function(){ if(xhr.readyState == 4 && xhr.status == 200){ // 獲取后端返回的數據并解析為json格式 var data = JSON.parse(xhr.responseText); console.log(data); } }
代碼解釋:
第一步,我們創建一個XMLHttpRequest()對象,這是JS中用于發起異步請求的核心對象。
第二步,我們設置請求地址與請求方式,通過GET方式獲取數據。其中,請求地址可以是后端接口,也可以是存放json數據的本地資源。
第三步,我們調用open()方法,發送http請求。參數分別為http方法、請求地址、異步請求是否發送。
第四步,我們調用send()方法,顧名思義,是發送請求。此時瀏覽器將會自動去請求指定地址,而不會阻塞其他操作。
第五步,我們添加了一個回調函數,當請求狀態為4時并且請求成功,我們會獲取后端返回的數據并解析為json格式,最后輸出json數據,從而實現對json數據庫的調取。