jQuery .load（）在div标签中加载动态页面

Question

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

<div id="randomDiv">

然后在Js函数中（假设点击按钮）尝试这样做：$('#randomDiv').load('js/abc.html');

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

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

我正在使用Chrome。

此外，我在页面加载时收到几乎所有js的警告，“资源被解释为脚本，但转换为MIME类型text / plain”。

出了什么问题？

由于

Answer 1

尝试使用

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

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

您的abc.html应该在localhost

中

Answer 2

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

有关详情XMLHttpRequest Origin null is not allowed Access-Control-Allow-Origin for file:/// to file:/// (Serverless)

，请参阅此问题