2017-04-10 20 views
0

APIから情報を取得しようとしています。基本的に私はJSONデータを返すURLを持っています。それを使うだけです。jQueryでJSONファイルの内容を読み取る方法

var url = "http://212.18.63.135:9034/played?sid=1&type=json"; 
 
$.getJSON(url, function(data) { 
 
    console.log(data) 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

以上が私のコードであり、それは動作しません。 これはライブデータを提供するAPIなので、代わりにajaxを使用できるかどうかはわかりません...

どうすればいいですか?

UPDATE:

私はURLを更新し、今ではAccess-Control-Allow-Originエラーが発生します。私はCORSに関する他の質問を見ていました。彼らはすべて、私が理解したほどのサーバー側で構成することを提案しています。しかし、私はCORSのエラーを修正するつもりはない、私はちょうどこれらのJSONデータにアクセスするためのソリューションを探しています。

私はこの質問で私のポイントが異なるので、重複しないことを願っています。

+5

URLは機能しません...修正してください。あなたはすべて役に立ちます – LGSon

+1

このコードを見ると、2つのことが覚えています。あなた自身のJavaScriptコードを実行する前に、まずjQueryをロードしますか?そして、内部をjqueryの準備関数 '' $(function(){ // Handler for .ready()と呼ばれる)をラップする; '' ' –

+1

' $ .getJSON'は '$ .ajax'の省略形です。 '.fail'を使用してエラーをチェックする必要があります。 – jcaron

答えて

2

このようにすることができます。あなたのURLへcallback=?を追加

はJSONPにリクエストを投入するので、無CORS

getJSONとJSONPについて

もっとinformation

JSONPは、あなただけのこのChromeの拡張機能Allow-Control-Allow-Origin server.Tryの変更を行うことなくデータにアクセスする場合は、そのarticle

var url = "http://212.18.63.135:9034/played?sid=1&type=json&callback=?"; 
 
$.getJSON(url, function(data) { 
 
    console.log(data) 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

1

を読むことができますどのように機能するか、あなたが興味を持っている場合。

私は上記でテスト、それが正常に働いています。(ブラウザ特定が)

しかし、これは推奨されるソリューションではありません、あなたは、サーバー側で設定を設定する必要があります。

+0

私は投票の理由を知ることができますか? –

関連する問題