ajaxリクエストを使用してデータを取得する

jQuery を使用して Ajax リクエストでデータを取得するのは比較的簡単な方法です。私はローカルのdata.jsonファイルを簡単に作成し、getリクエストでデータを取得しました。以下は一部のコードです。

// ajax リクエストでデータを取得
function picShow(){
    var str = '';
    $.ajax({
        url:'./js/data.json',
        type:'get',
        dataType:'json',
        success:function(data){
            console.log('成功')
        },
        error: function() {
            console.log('エラー')
        }
    })
}
picShow();

しかし、これには欠点があります。ローカルプレビューができません。ブラウザはクライアントがローカルデータを直接取得することを禁止しているため、これはクロスオリジンの問題とも言えますが、ユーザーの安全を確保するためでもあります。もちろん、これはフロントエンドにとっては非常に不便です！

実際、解決方法は非常に簡単です。Node サービスを使用して、live serverでローカルで実行すれば、Ajax でデータを取得できます。もちろん、他にもより良い解決方法があり、サーバー上で直接実行したり、jsonp を使用したりすることもできます。

live serverがわからない場合は、百度で調べてみてください。これは一つのテクニックです。