在前端開發中,跨域請求是我們經常會遇到的問題。為了解決這個問題,我們可以使用get請求來獲取json數據庫。
// 創建一個請求對象 var request = new XMLHttpRequest(); // 打開請求 request.open('GET', 'http://example.com/data.json', true); // 監聽請求響應 request.onload = function () { // 響應返回的數據 console.log(request.responseText); }; // 發送請求 request.send();
在上面的代碼中,我們首先創建了一個XMLHttpRequest對象,然后使用open方法打開get請求,指定請求地址和異步請求。接下來使用onload方法監聽請求響應,當響應返回數據時打印出來。最后使用send方法發送請求。
另外,在請求數據庫的過程中,我們還需要注意一個問題,就是在響應頭中設置Access-Control-Allow-Origin,否則會拋出跨域請求錯誤。我們可以在后端代碼中添加以下代碼:
header('Access-Control-Allow-Origin:*');//允許任意來源訪問 header('Access-Control-Allow-Methods:POST, GET, OPTIONS');//允許訪問的方式 header('Access-Control-Allow-Headers:*');//允許任意HTTP頭
在上面的代碼中,我們設置了Access-Control-Allow-Origin為*,表示允許任意來源訪問,也可以指定某個域名。同時,我們還設置了允許訪問的方式和任意HTTP頭。
總的來說,使用get請求來獲取json數據庫是一種比較簡單的跨域請求方法,同時我們還需要注意響應頭的設置,避免出現跨域請求錯誤。
上一篇vue子路由默認