ホームページ > ウェブフロントエンド > jsチュートリアル > $.ajax または $.getJSON を使用して JSON データのクロスドメイン取得を実現するための jQuery のコードについて

$.ajax または $.getJSON を使用して JSON データのクロスドメイン取得を実現するための jQuery のコードについて

小云云
リリース: 2018-02-02 13:39:27
オリジナル
1759 人が閲覧しました

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

この記事では、$.ajax または $.getJSON を使用して JSON データをドメイン間で取得するための JQuery の実装コードを主に紹介します。必要な方は参考にしていただければ幸いです。

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

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

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); 
?>
ログイン後にコピー

サーバー戻り文字列:

{"name":"xiaoming"," pass ":123456}

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

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

jQuery コード:

var url="http://localhost:8000/user.php?jsoncallback=?";
$(function(){
 $.getJSON(url,function(data){
 alert (data.name);
})
});
ログイン後にコピー
dataType が json ではなく jsonp であることに注意してください。

関連する推奨事項:

HTML の JS を通じて JSON データを取得し、インスタンス共有をロードする

JS Json 配列内の配列長のインスタンスを取得する方法

Ajax クロスドメインリクエストの解決策: JSONP を使用して JSON データを取得します



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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート