私は単純な2フィールドの外部json URLを持っています。jqueryで外部URLからjsonデータを取得
それは2つのフィールドがあります。ここでは識別子と説明
は、私はそれから説明を取得するために使用しようとしているコードです：
jQuery("#get_json").click(function(event){
jQuery.getJSON('http://ec.europa.eu/research/participants/portal/data/call/topics/einfra-11-2016.json?callback=?', function(jd) {
alert(jd.description);
});
});
しかし、それは私のブラウザコンソールでエラーが発生します：SyntaxError: Unexpected token ':'. Parse error.
私が間違っていることを誰かに教えてもらえますか？ありがとうございます
これを試してみてください。
$(function() {
\t \t var url = "http://cors.io/?u=http://ec.europa.eu/research/participants/portal/data/call/topics/einfra-11-2016.json";
\t \t $.getJSON(url, function(jd) {
\t \t \t $("#description").html(jd.description)
\t \t });
\t });<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="description"></div>こんにちは。私はXMLHttpRequestがhttp://ec.europa.eu/research/participants/portal/data/call/topics/einfra-11-2016.jsonを読み込むことができない取得しています。原点http://www.example.comは、Access-Control-Allow-Originによって許可されていません。 –
@AlexandruVlas https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi – huhu
私はそれを置くと機能します。しかし、他のサイトユーザーがそれを持っていない場合、そのユーザーはデータを見ることができなくなりますか？ :( –
問題は、異なるドメインからJSONをロードしようということです。これはXSS攻撃を避けることを禁じられています。
Access-Control-Allow-Originポリシーを調整するか、JSONPに切り替えてデータをロードする必要があります。
'はconsole.log（JD）'、あなたはJSON呼び出しから戻ってきているものを参照してください。 – dNitro
同じことをしようとしました。正式にここに記載されているように、なぜエラーが出るのかわかりません - https://ec.europa.eu/research/participants/portal/desktop/en/support/apis.html #topic_description_service –
これを自分のサーバーから実行しようとすると、このエラーがスローされます： 'XMLHttpRequestはロードできませんhttp://ec.europa.eu/research/participants/portal/data/call/topics/einfra-11-2016.json 。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しません。原点「これは私のURLだったので」アクセスが許可されていない。これは同じ原点政策の問題のようだ。おそらく役に立ちます：http://stackoverflow.com/questions/20035101/no-access-control-allow-origin-header-is-present-on-the-requested-resource – BlueBockser