ホームページ  >  記事  >  ウェブフロントエンド  >  JQuery は、$.ajax または $.getJSON を使用して、ドメイン間で JSON データを取得します。

JQuery は、$.ajax または $.getJSON を使用して、ドメイン間で JSON データを取得します。

韦小宝
韦小宝オリジナル
2018-01-15 11:31:161698ブラウズ

この記事では主に JQuery について紹介します $.ajax または $.getJSON を使用してドメインを越えて JSON データを取得する実装コードについては、jquery に詳しくない友人はこの記事を参照してください

JQuery を通じてドメインを越えて JSON データを取得できます。ただし、JQuery はドメインをまたがる JSON 形式のデータを取得できないことを明確にする必要があり、JQuery によるクロスドメイン読み取りのために、サーバーを介して特定の JSON データを出力する必要があります。まだよく分からないかもしれませんが、この記事ではこのテクノロジーを最も簡単に理解し、実際に応用できると思います。

JQuery は同じドメイン内の JSON データを取得します

まず、

jQuery ライブラリ ファイルを引用します: 87f0df6e59ae98c51bd6d0544b2651582cacc6d41bbb37262a98f745aa00fbf0

jQuery コード:

var url="http://localhost:8000/user.php";
$(function(){
 $.getJSON(url,function(data){
 alert (data.name);
})
});

サーバー コード (PHP):

<?php 
header(&#39;Content-Type:text/html;Charset=utf-8&#39;); 
$arr = array( 
 "name" => "xiaoming", 
 "pass" => "123456"
); 
echo json_encode($arr); 
?>


サーバーは

String

:{"name":"xiaoming" を返します、" pass":123456}

JQuery はクロスドメイン JSON データを取得します

まず jQuery ライブラリ ファイルを引用します:

d921d160009fb6b7630b7aa141c9df9b 9340({" name":"xiaoming","pass":123456})

説明、jQuery によって渡される値は毎回異なります。

同一ドメイン内のJSONデータを取得するJQueryとクロスドメインの違い 追加パラメータ「jsoncallback=?」を追加する必要があります

2) ドメインを越える場合はサーバーから返される文字列の書き方が異なります。 、「'jsoncallback'」の受信値を使用する必要があります。構築された文字列形式は次のとおりです: jsoncallback 受信値 (元の JSON 文字列)。必ず元の JSON 文字列を括弧で囲んでください。

概要

この記事の紹介を通じて、jQuery でドメイン間で JSON データを読み取るには、まずサーバー側で特別な JSON 文字列を構築する必要があること、幸いなことに、そうしないと文字列を読み取ることができないことを誰もが理解できるはずです。施工方法

とても簡単です、記事内の事例で一目で理解できます。

jQuery + Ajax によるクロスドメイン JSON データの取得

前の例では、$.getJSON を使用してクロスドメイン JSON データを取得しました。実際には、$.ajax メソッドを使用することもできます。

最初に jQuery ライブラリ ファイルを引用します:

d182920226eca7d954e1ec536e9710db2cacc6d41bbb37262a98f745aa00fbf0

jQuery コード:

var url="http://localhost:8000/user.php?jsoncallback=?";
$(function(){
 $.getJSON(url,function(data){
 alert (data.name);
})
});

dataType が json ではなく jsonp であることに注意してください。 関連する推奨事項:

JavaScript データ構造の単一リンク リストと循環リンク リストの例の共有

JavaScript のセッターとゲッターの詳細な説明

Javascript の変更 ブラウザーのタイトル メソッドの例の共有

以上がJQuery は、$.ajax または $.getJSON を使用して、ドメイン間で JSON データを取得します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。