javascript - 使用 D3 库时的 XMLHttpRequest 问题-6ren

javascript - 使用 D3 库时的 XMLHttpRequest 问题

转载作者：行者123 更新时间：2023-11-30 16:45:06

25

4

<分区>

我目前正在尝试运行一个名为 metricsgraphics.js 的简单库.它是 d3 库，我对使用它感到非常兴奋，但我在运行它时遇到了一些问题。它看起来像一个使用起来非常简单的库，但我总是出错。我有以下内容:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Testing</title>
    <link href="lib/metricsgraphics.css" rel="stylesheet">
  </head>
  <body>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.js"></script>
    <script src="lib/metricsgraphics.js"></script>
    <script type="text/javascript">
      d3.json('data/ufo-sightings', function(data) {
      })

      d3.json('data/ufo-sightings', function(data) {
        data = MG.convert.date(data, 'year');

      })

      d3.json('data/ufo-sightings', function(data) {
            MG.data_graphic({
                title: "UFO Sightings",
                description: "Yearly UFO sightings from the year 1945 to 2010.",
                data: data,
                width: 650,
                height: 150,
                target: '#ufo-sightings',
                x_accessor: 'year',
                y_accessor: 'sightings',
                markers: [{'year': 1964, 'label': '"The Creeping Terror" released'}]
            })
        })
    </script>
  </body>

我正在按照他们网站上的指示进行操作。我收到以下两条错误消息

XMLHttpRequest cannot load file:///directory/where/my/data/is. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Uncaught NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load file:///directory/where/my/data/is.

谁能帮我解释并提供可能的解决方案？

25

4

0

文章推荐： c# - 将线程发送到休眠状态直到事件发生

文章推荐： C socket : Non blocking way to read\n separated commands

文章推荐： c# - 不使用 Azure 客户端 SDK 连接到 IoT 中心

xmlhttprequest - 如何创建 XMLHttpRequest
我只需要以下代码的清晰解释来创建 XMLHttpRequest . var xhr = false; if (window.XMLHttpRequest) { xhr = new XMLHtt
xmlhttprequest - 在仪表板小部件中使用 XMLHttpRequest 失败
我无法让 XMLHttpRequest 对象在我正在编写的仪表板小部件中正常工作。我将其隔离为一个在 main.js 文件的全局范围内不起作用的简单示例: xhr = new XMLHttpR
xmlhttprequest - 从 XMLHttpRequest 对象响应创建文件
首先，如果我要说的没有任何意义，请允许我道歉。我已经离开了我的舒适区，我真的不知道我在做什么。照这样说... 我正在使用 Google Drive File Picker library允许用户从他们
php - XMLhttpRequest > PHP > XMLhttpRequest
我还有一个问题。 XMLhttpRequests 困扰着我。一切现在都在数据库中，但我需要这些数据来更新我的页面以加载或重新加载第一页。 XHR 在触发 PHP 脚本的 JavaScript 文件中触
xmlhttprequest - 从 WebAssembly 调用 XmlHttpRequest
我试图了解从 WebAssembly 调用 XmlHttpRequest 的最佳和最有效的方法是什么。我找到了 http://webassembly.org/getting-started/js-a
xmlhttprequest - Scrapy - 如何从给定网站提取 XmlHttpRequests url？
我有兴趣只提取 XHR 的网址，而不是网页中的每个网址: 这就是我提取页面中每个 url 的代码: import scrapy import json from scrapy.selector imp
xmlhttprequest - 有没有办法检测 XmlHttpRequest 无法解析 URL？
有没有办法检测 XmlHttpRequest 无法解析 URL？使用错误的 URL 调用 Open(...) 时似乎不会抛出异常。最佳答案 HTTP 状态代码将为零。这适用于无法建立连接且未使用代
xmlhttprequest - 有没有办法检测 XmlHttpRequest 无法解析 URL？
有没有办法检测 XmlHttpRequest 无法解析 URL？使用错误的 URL 调用 Open(...) 时似乎不会抛出异常。最佳答案 HTTP 状态代码将为零。这适用于无法建立连接且未使用代
xmlhttprequest - 主线程上的同步 XMLHttpRequest 已被弃用，因为它会对最终用户的体验产生不利影响。
当我在 mozilla 浏览器中运行该应用程序时，出现以下错误主线程上的同步 XMLHttpRequest 已被弃用，因为它会对最终用户的体验产生不利影响。更多帮助 http://xhr.spec.
javascript - 加载的 XMLHttpRequest 中的 XMLHttpRequest
我正在使用 javascript 通过 XMLHttpRequest 在 div 中加载数据，现在我想知道是否有可能在加载的 div 中创建另一个 XMLHttpRequest，这样一个新的 oncl
javascript - XMLHttpRequest onload() 函数未传递 XMLHttpRequest 对象
这个问题在这里已经有了答案: Are 'Arrow Functions' and 'Functions' equivalent / interchangeable? (4 个答案) 关闭 3 年前。
javascript - HTML5 跨域 XmlHttpRequest 与旧的 XmlHttpRequests
我感觉到很多关于使用新的 HTML5 JS XHR 技术的简单跨域 XmlHttpRequest 方法的讨论。给定下面的标准 JavaScript XHR 代码... var xhr=new XM
xmlhttprequest - 如何让 Axios 使用 Fetch 而不是 XMLHttpRequest
我是 PWA 的初学者，我尝试让我的代码调用 API，然后将其存储在浏览器的缓存中。但是我看到 axios 使用 XMLHttpRequest 而不是 fetch API，所以我无法缓存我的 API
javascript - new XMLHttpRequest() 与 new XMLHttpRequest - 有什么区别？
这个问题在这里已经有了答案: Can we omit parentheses when creating an object using the "new" operator? (6 个答案) 关闭
ajax - XMLHttpRequest.addEventListener 与 XMLHttpRequest.upload.addEventListener
这段代码块有什么区别: var xhr = new XMLHttpRequest(); xhr.upload.addEventListener("progress", uploadProgress,
javascript - XMLHttpRequest 未添加 header - "X-Requested-With: XMLHttpRequest"
我有一个 ajax 调用，我在其中使用 jQuery.ajax() 向 mvc 操作发出请求。这一切都很好。但是，由于某些表单具有文件控件，我将其从使用 jQuery.ajax() 更改为使用 XML
javascript - 使用 Node.js，在 XMLHttpRequest 期间或之后创建一个新的 XMLHttpRequest
我对 Node.js 和 XMLHttpRequest 非常陌生，所以如果这是一个简单答案的问题，请耐心等待。我目前正在尝试抓取一个 friend 的网页(当然要经过他的许可)，其中包含视频和字幕。
xmlhttprequest - SCRIPT7002 : XMLHttpRequest: Network Error 0x2ee7, 由于错误 00002ee7 无法完成操作
我在 Microsoft Edge 中收到此错误。这是什么意思？在线搜索主要是为我提供有关人们在产品中遇到错误的线索。最佳答案如果 XMLHttpRequest 调用 ( www.mysite.s
xmlhttprequest - Office 加载项 : XMLHttpRequest cannot load XXX due to access control checks
我正在使用 jQuery 和 Office JS API 构建一个 Outlook 加载项。我在开发时有一个本地服务器正在运行，我正在尝试向我站点的主服务器上的端点提交一个 POST 请求。每次尝试提
xmlhttprequest - 如何使用 XMLHttpRequest 和 FormData 对象在 multipart/form-data 上设置我自己的边界
当使用 FormData 对象将文件附加到请求时，我一直试图找到一种方法来在 XMLHttpRequest 对象上设置我自己的边界。我看过很多关于这个的帖子，每个人都说“不要设置边界，它会自动为你生成

首页

博学

6Ren·AI

商城

javascript - 使用 D3 库时的 XMLHttpRequest 问题