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についてわからない場合は、Google で調べてみてください。それも 1 つのテクニックです。