首页 > web前端 > js教程 > 如何使用 jQuery 的 AJAX 或 $.getJSON 解析和显示 JSON 数据?

如何使用 jQuery 的 AJAX 或 $.getJSON 解析和显示 JSON 数据?

Patricia Arquette
发布: 2024-12-07 21:53:15
原创
822 人浏览过

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
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板