jquery - jQuery .load() 在 div 标签中加载动态页面

Question

我正在尝试通过.load()方法在 div 中加载 html 页面。

<div id="randomDiv">

然后在 Js 函数中（比如说点击一个按钮）尝试这个：$('#randomDiv').load('js/abc.html');

我已经"script src="js/jquery-1.8.2.min.js" "在html文件中添加了。

但我收到了这个错误: XMLHttpRequest cannot load file:////C:/code/js/abc.html Origin null is not allowed by Access-Control-Allow-Origin.

我正在使用 Chrome。

此外，我在页面加载时收到几乎所有 js 的警告，包括“资源解释为脚本但使用 MIME 类型文本/纯文本传输”。

出了什么问题？

谢谢

score 3 · Accepted Answer

尝试使用

$('#randomDiv').load('js/abc.html');

这是一个跨域请求，是不允许的。从localhost而不是外部文件进行测试

你abc.html应该在本地主机内

score 0 · Accepted Answer

如前所述，您的选择器是错误的，但您还尝试向默认情况下不允许的本地文件发出 ajax 请求。您应该在 Web 服务器上运行您的页面，但您也可以使用chrome.exe --allow-file-access-from-files.

2 回答 2