首页 / JAVASCRIPT / javascript – 不执行d3.json()回调中的代码

javascript – 不执行d3.json()回调中的代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 不执行d3.json()回调中的代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含846字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试加载GeoJSON文件并使用它作为D3 v5的基础绘制一些图形.

问题是浏览器正在跳过d3.json()调用中包含的所有内容.我尝试插入断点进行测试,但浏览器会跳过它们,我无法弄清楚原因.

下面的代码片段.

d3.json("/trip_animate/tripData.geojson", function(data) {

  console.log("It just works");  // This never logs to console.

  //...all the rest
}

代码从最初的console.log()继续,但我省略了所有这些,因为我怀疑问题是d3.json调用本身.

解决方法:

d3.json的签名从D3 v4到v5有changed.它已从现已弃用的模块d3-request移至新的d3-fetch模块.从v5开始,D3使用Fetch API支持较旧的XMLHttpRequest,并反过来采用Promises来处理这些异步请求.

d3.json()的第二个参数不再是处理请求的回调,而是一个可选的RequestInit对象. d3.json()现在将返回一个你可以在其.then()方法中处理的Promise.

你的代码因此变成：

d3.json("/trip_animate/tripData.geojson")
  .then(function(data){
    // Code from your callback goes here...
  });

内容总结

以上是互联网集市为您收集整理的javascript – 不执行d3.json()回调中的代码全部内容，希望文章能够帮你解决javascript – 不执行d3.json()回调中的代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/715381.html

来源：【匿名】