尝试加载html文件时$ .ajax失败

Question

我正在尝试将部分html文件加载到另一个html文件中，但我不断收到以下错误并且错误函数正在运行：

有人能告诉我我的ajax电话有什么问题吗？

var application = slides.names[counter].replace(/ /g, "");
$.ajax({
    url: "games/" +application +"/index.html",
    dataType: "HTML",
    success: function(result, status, xhr){
        console.log(this.url);
        console.log(result);
        console.log(status);
        console.log(xhr);
    },
    error: function(result, status, xhr){
        console.log(this.url);
        console.log(result);
        console.log(status);
        console.log(xhr);
    }
})

Answer 1

您无法使用HTTP请求本地文件，因为该协议适用于跨源请求。

您可以通过在Apache（或其他一些本地网络服务器）本地安装网络服务器来解决此问题：https://www.sitepoint.com/how-to-install-apache-on-windows/

或者，您可以将您尝试访问的html文件上传到其他位置，然后通过

访问它们

url: "http://foo.com/" + application + "/index.html",