ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery の AJAX または $.getJSON を使用して JSON データを解析して表示する方法は?

jQuery の AJAX または $.getJSON を使用して JSON データを解析して表示する方法は?

Patricia Arquette
リリース: 2024-12-07 21:53:15
オリジナル
815 人が閲覧しました

How to Parse and Display JSON Data Using jQuery's AJAX or $.getJSON?

jQuery/JavaScript による JSON データの解析

AJAX を利用して JSON データを取得する場合、Content-Type ヘッダーがapplication/json に正しく設定されています。そうでない場合は、データ型を「json」として手動で指定する必要があります。

JSON データを反復処理して div 内の各名前を表示するには、$.each() 関数を使用できます。

$.ajax({
  type: "GET",
  url: "http://example/functions.php",
  data: { get_param: "value" },
  dataType: "json",
  success: function (data) {
    $.each(data, function (index, element) {
      $("body").append($("<div>", {
        text: element.name
      }));
    });
  },
});
ログイン後にコピー

または、$.getJSON メソッドを利用することもできます:

$.getJSON("/functions.php", { get_param: "value" }, function (data) {
  $.each(data, function (index, element) {
    $("body").append($("<div>", {
      text: element.name
    }));
  });
});
ログイン後にコピー

以上がjQuery の AJAX または $.getJSON を使用して JSON データを解析して表示する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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