gpt4 book ai didi

javascript - 如何使用 jQuery 将两个 html 包含到另一个 html 中

转载 作者:行者123 更新时间:2023-11-30 17:06:52 25 4
gpt4 key购买 nike

我分别使用d3.js创建了一个条形图和一个饼图。现在我想使用jQuery将条形图和饼图调用到另一个html中。

$(document).ready(function() {
console.log("ready!");
$("#piediv").load("file:///usr/local/d3/samplepi.html");
$("#bardiv").load("file:///usr/local/d3/bar.html");
});
<body> 
<div id="piediv"></div>
<div id="bardiv"></div>
</body>

但是我遇到了一个错误,即

NS_ERROR_DOM_BAD_URI: Access to restricted URI denied
...It(v),b=Zt(v),_=It(d),w=Zt(d),S=It(m),k=Zt(m),E=It(y),A=Zt(y);p.forEach(function...
d3.v3.min.js (line 1)

我怎样才能摆脱这个问题。任何人都可以就此问题提出建议吗?

提前致谢

最佳答案

您不能加载文件系统路径文件,而应该使用相对/绝对路径。

所以代替这个:

$("#piediv").load("file:///usr/local/d3/samplepi.html"); 

应该这样尝试:

$("#piediv").load("/usr/local/d3/samplepi.html"); 

"/usr/local/d3/samplepi.html" 这将是您所遵循的文件夹结构的相对路径。

备注:

要查看 .load() 是否正常工作,您应该设置一个网络服务器,因为它在内部使用 ajax 加载。

关于javascript - 如何使用 jQuery 将两个 html 包含到另一个 html 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27820109/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com