使用 jQuery 读取 JSON URL

Posted

技术标签:

【中文标题】使用 jQuery 读取 JSON URL【英文标题】:Reading to JSON URLs with jQuery 【发布时间】:2022-01-18 09:11:33 【问题描述】:

我需要使用 jQuery 读取 两个 JSON URL,将它们组合在一起,然后继续从 JSON 数据更新我的 UI。

我尝试使用URLAURLB 中的两个URL 和一个全局变量globalDataA

function useBothData(dataB) 
   // use dataB and globalDataA
;

function useDataA (data) 
    globalDataA = data
    $.getJSON (URLB, useBothData);
;

$.getJSON (URLA, useDataA);

这个想法是,在加载第一个 URL 后,我加载第二个,然后使用它们。然而,这似乎永远不会回来。 (我收到 Brwoser 警告“脚本耗时过长”。)

如何安排 jQuery 对两个 URL 的 getJSON 调用(以及它们的成功函数),以便我可以在 finally one 函数中使用它们的数据?

【问题讨论】:

【参考方案1】:

可以使用getJSON的回调函数

$.getJSON(URLA, useDataA, function(dataB) 
  //useBothData = globalDataA + dataB

  $.getJSON(URLB, useBothData, function(result) 
    //do more stuff
  )
);

【讨论】:

我想,这就是我尝试过的(请参阅我的问题 - 我刚刚将回调定义为命名函数)。 - 不知何故它不起作用。但我又试了一次,现在它确实工作了!所以你肯定是对的。 :-) @halloleo 我认为问题在于 getJSON 函数接受 3 个参数。 URL,您发送到服务器的数据(如帖子),以及最后一个回调函数。而且您只传递了 Url 和函数。请记住,如果您不需要将数据发送到服务器,您可以在第二个参数 $.GetJSON (URLA, null, function (data)

以上是关于使用 jQuery 读取 JSON URL的主要内容,如果未能解决你的问题,请参考以下文章

jQuery中读取json文件示例代码

jQuery中读取本地json文件

有没有办法让这个(内部 URL)JQuery 计数器每 20 秒读取一次 JSON

从 URL 读取 JSON

jquery+ajax怎样读取json文件的内容?

HTML5怎么读取json文件