首頁 > web前端 > 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板