Javascript 如何使用AJAX加载SVG文件内容？

我试图使用jqueryajax访问SVG文件的内容，但在Chrome中不断出现相同的错误

JavaScript 控制台输出 我从中复制并粘贴了代码，并对其进行了更改以适应我的情况，因此我不确定为什么我的代码会以这种方式出现故障

---

提前感谢

事实证明，这个问题实际上与Chrome有关。我在Safari上运行了相同的代码，效果非常好。我研究了能够在Chrome上运行相同代码的解决方案，发现我必须在本地运行服务器。

这必须是一个http调用。您无法使用file://protocol通过ajax加载文件/数据。@abhishekkhandait的可能副本运行上述JavaScript的HTML文件与

my.svg

位于同一文件夹中，因此您可以看到我使用了

$.get（“my.svg”…）

。我相信这是一个HTTP调用？尝试在url中添加“/”

$.get（“/my.svg”…）

@abhishekkhandait我已经试过了。Chrome将URL视为

file:///my.svg

。除了使用URL

/my.svg

只生成路径

file:///my.svg

，这显然不是文件的位置。你能在google chromes Inspect sources中找到源文件

my.svg

吗？是的，它确实出现在sources中。

$.get('/my.svg', function(svg) {
   console.log(svg);
}, 'text');

[Error] jquery.min.js:4 XMLHttpRequest cannot load file:'///Users/james.jensen/Desktop/helloworld/my.svg'. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

$.get('/my.svg', function(svg) {
   console.log(svg);
}, 'text');