首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何与d3.js同步加载JSON数据?

如何与d3.js同步加载JSON数据?
EN

Stack Overflow用户
提问于 2013-03-07 09:12:07
回答 2查看 10.1K关注 0票数 10

当我的站点第一次初始化时,它会查询服务器以获取一些数据。在这些数据返回之前,我不能在页面上显示任何内容。使用d3.js,我可以使用d3.json()来获取数据,但是因为它是异步的,所以我需要将整个页面逻辑放在回调函数中。如何请求数据并等待数据返回?

EN

回答 2

Stack Overflow用户

发布于 2013-03-07 10:10:48

你基本上是用唯一的方法去做。回调函数必须是启动其余代码的函数。你不需要回调函数中的所有代码,你可以引入间接性。所以回调函数会调用另一个函数,这个函数就是你的回调函数中的当前函数。

票数 4
EN

Stack Overflow用户

发布于 2013-05-09 14:07:19

不建议在JavaScript中使用同步请求,因为它会阻塞整个线程,并且在此期间不会执行任何操作。用户也不能很好地与网页交互。

如果这确实是您想要的,您可以执行以下操作(使用jQuery):

代码语言:javascript
运行
复制
var jsonData;
jQuery.ajax({
  dataType: "json",
  url: "jsondatafile.json",
  async: false
  success: function(data){jsonData = data}
});

但是,正如jQuery.ajax() documentation所解释的那样,即使是jQuery也不建议这样做:

Ajax中的第一个字母代表“异步”,这意味着操作是并行进行的,不能保证完成的顺序。$.ajax()的async选项缺省为true,表示发出请求后代码可以继续执行。强烈建议将此选项设置为false (从而使调用不再异步),因为这会导致浏览器变得无响应。

最后要注意的是,我不明白是什么阻止您以异步方式使用success属性中的任何函数。大多数情况下,将设计更改为使用异步请求是值得的。根据经验,调试使用同步请求的页面是一件痛苦的事情(特别是当请求没有得到响应时……)。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15261313

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档