1

HTML WebページのJSON URLデータを切り離してページに表示したいのですが、次のコードを使用しています。

パラグラフ div に JSON データを表示したい。

<script>
  function gContent(){
    alert('working');

    $.getJSON('http://www.celeritas-solutions.com/pah_brd_v1/productivo/getGroups.php?                 organizationCode=att&userId1&', function(data) {
       alert(data);
       $(".paragraph").html(data);
    });
  }
</script>
4

5 に答える 5

1

同じドメインを呼び出す必要がありますを使用して、別のドメインを呼び出すことはできませんgetJSON。これは、次のいずれかで解決できます。

  1. 2 番目のドメインにアクセスできる場合は、 Access-Control-Allow-Originヘッダーを追加できます
  2. 2番目のドメインにアクセスできる場合は、リクエストを変更しJSONPてコールバックを追加できます
  3. 2番目のドメインにアクセスできない場合は、バックエンド言語を使用する必要がありPHPます .calling_the_url.phpfile_get_contents('url');calling_the_url.php
于 2013-09-16T10:40:24.607 に答える
1

同じように$.each、応答から各 fieldData を取得するために jQuery を使用して追加しようとしました。

 <script>
      function gContent(){
        alert('working');

        $.getJSON('http://www.celeritas-solutions.com/pah_brd_v1/productivo/getGroups.php?organizationCode=att&userId1&', function(data) {
           $.each(data, function(i, fieldData){

            $("p").append(fieldData + " ");  //appending fieldDatas to paragraph tag

          });
        });
      }
    </script>
于 2013-09-16T10:49:22.310 に答える
1 
 Origin null is not allowed by Access-Control-Allow-Origin.

これは、同じオリジン ポリシーが原因で、他の Web サイトやドメインからデータを取得しようとしたときに通常表示されるメッセージです。この問題を克服するために、次の 2 つの主要な方法を使用します。

JSONP を使用して簡単にデータを取得できます。必要に応じて、ヘッダーでサイトを許可するために他の Web サイトが必要な CORS を使用できます。

JSONP コールバックでは、指定した URL に注意する必要があります。コールバック値が存在する URL には、jsonp コールバック関数以外の要素を含めないでください。つまり、そのページの最初の要素 (最初は html タグがなくても) は、指定した jsonp コールバック関数である必要があります。

于 2013-09-16T12:58:17.010 に答える