使用 AJAX 請求獲取數據

slug: 57
title: 用 ajax 請求獲取數據
date: 2021-03-19 13:01:00
updated: 2021-12-01 09:03:03
categories:
- 技術
tags:
- js
- ajax



通過jquery進行ajax請求數據是一種較為簡便的方式，我簡單寫了一個本地的`data.json`文件，然後用`get`請求數據，下面是部分代碼

```js
// ajax 請求獲取數據
function picShow(){
    var str = '';
    $.ajax({
        url:'./js/data.json',
        type:'get',
        dataType:'json',
        success:function(data){
            console.log('success')
        },
        error: function() {
            console.log('error')
        }
    })
}
picShow();

但是這樣做有一個弊端，無法在本地預覽，因為瀏覽器禁止客戶端直接獲取本地數據，這也算一個跨域問題了，不過這也是為了保證用戶的安全。當然這對前端來說很不爽！

其實解決的方法也很簡單，通過 node 服務，用live server在本地跑一下，就可以讓 ajax 獲取數據，當然還有其他更好的解決方法，或者直接在伺服器跑，通過 jsonp 等等。

live server 不明白的可以百度看看，也是一個技巧。