当前位置: 首页 > 面试题库 >

通过jquery或javascript通过AJAX读取嵌套的JSON并输出到表中

齐阳
2023-03-14
问题内容

我真的很想有一个快速便捷的方法来遍历JSON中的多个记录,每个记录都有潜在的深层嵌套。我只想输出到表。

我不确定$ .each()或$ .ajax()成功的javascript方法需要通过function()传递哪些参数。所有示例似乎都使用通用词“
data”或“ obj”,但它们使我感到困惑-它们是内置函数参数还是我可以根据需要命名?

$.each(foo, function(bar){

});

以及如何跟踪循环/嵌套中的位置?

我更喜欢使用JQuery,但我也应该知道使用JavaScript的简单方法。我也想知道如果没有一百行代码是否有可能。

以这个JSON为例:

{
  date: " 2012-10-18 16:58:35.104576",
  data: [{
    title: "The Princess Bride",
    rating: "PG",
    length: 128,
    stars: [
      "Gary Elwes",
      "Robin Wright",
      "Christopher Guest"
    ]

  }, {
    title: "This is Spinal Tap",
    rating: "R",
    length: 105,
    stars: [
      "Christopher Guest",
      "Michael McKean",
      "Harry Shearer"
    ]
  }]
}

即使在中,我也找不到包含嵌套JSON的任何有用示例。

遍历并将每个元素分配给表格单元的最有效方法是什么?HTML输出并不重要-我知道如何制作表格…如何获得“星星”?

当我使用Chrome控制台时,$.getJSON('/example');我只是简单地将整个JSON返回到responseText中,"{"date":"2012-10-18,"data": [{"title": "The Princess Bride",但是从JSON文档,$
.getJSON上的JQuery文档和任何JavaScript示例中都找不到对的引用responseText。所以,我迷路了。$.getJSON需要什么参数来使responseText对象化?


问题答案:

尝试

obj.data[0].stars      // Will get you the stars in the 1st Object

obj.data[0].stars[0]   // Gary Elwes

小提琴

要遍历Stars对象,可以尝试以下操作

$.each(obj.data , function(key , value){ // First Level
    $.each(value.stars , function(k , v ){  // The contents inside stars
        console.log(v)
    });

});

更新场

编辑

 $.ajax({
      // Parameters

      success : function(obj){
            $.each(obj.data , function(key , value){ // First Level
                 $.each(value.stars , function(k , v ){  // The contents inside stars
                     console.log(v)
                 });     
            });
      }
  });


 类似资料:
  • 问题内容: 快速提问 如果我已经使用jquery的函数序列化了表单,那么在可以使用jquery的ajax将其发送出去之前,我需要对其进行任何处理吗? 我可以寄出去吗 原样还是我需要对其进行预处理? 并且,在php中我将如何阅读? 问题答案: 最好在这里使用。这会将表单的值转换为简单的字符串,可用作AJAX调用的属性: 假设您使用方法将其发送到PHP ,则可以使用和访问这些值 编辑:您可以使用以下方

  • 问题内容: 我有以下JSON,如下所示。我正在尝试读取值TOP1,TOP2。我不太确定该如何做。 我正在使用以下..但这只是给我一个对象,该对象具有用于TOP1和TOP2的嵌套对象。如何获取值TOP1和TOP2? 和下面的数据 问题答案: 您似乎想通过循环,因此请更改以下内容: 对此: 现在,您正在使用该对象遍历该对象数组, 这些 对象就是具有属性的对象,例如:和。

  • 我有这样的JSON数据: 从Spark读取数据后,我得到以下模式: 现在,我想从中选择。但是当我尝试选择它时,我得到了。像这样: 尽管如此,当我从df中仅选择children时,效果很好。 我无法理解为什么它会出现异常,即使该列存在于数据帧中。 感谢您的帮助!

  • 问题内容: 我似乎在发出请求以及保持数组中数据完整性方面遇到一些问题。 给出以下代码段: 我捕获给定页面上所有背景图像的URL。现在,尝试通过请求获取每个图像的大小,我使用以下代码段: 但是,当我通过via 转储时,每个元素(应该是包含URL和content- length的数组)最终都以上次请求的大小始终在哪里 我很困惑,尽管这似乎是一个时间/范围问题。我这里有某种竞赛条件吗? 问题答案: 问题

  • 问题内容: 我正在尝试通过Ajax和jQuery将一些JSON格式的数据放入服务器。我的代码如下所示: 但是在服务器端,我收到一个字符串,而不是预期的JSON。萤火虫告诉我的也是一样。 错误在哪里? 问题答案: 我认为数据必须是字符串。对象将转换为查询字符串,这就是您在此处看到的内容。 您可以使用该方法将Object转换为String。JSON对象的代码可从以下网址获得:https : //git

  • 本文向大家介绍jQuery通过Ajax返回JSON数据,包括了jQuery通过Ajax返回JSON数据的使用技巧和注意事项,需要的朋友参考一下 服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并操作JSON数据。本文将通过实例演示了jQuery通过Ajax向PHP服务端发送请求并返回JSON数据。 JSON(JavaScript Object Notation