访问控制允许源跨域不允许源空

Question

我使用chrome尝试访问我的本地服务器。也使用 jquery-2.0.3 和 jquery-mobile-1.4.0-rc。我的页面网址是：file:///C:/Users/....../index.html

我的代码如下所示：

var login = {
    in: function(){
        var ajaxUrl = "http:// localhost/Account/Login/";
        var loginModel = {
            UserName: $("#userMame").val(),
            Password: $("#password").val(),
            RememberMe: true
        };
        $.mobile.loading('show');
        $.ajax({
            type: "POST",
            url: ajaxUrl,
            dataType: 'json',
            data: JSON.stringify(loginModel),
            contentType: "application/json;charset=windows-1255",
            scriptCharset: "windows-1255",
            headers : {Accept : "application/json",
            "Access-Control-Allow-Origin" : "*",
            "Access-Control-Allow-Methods": "POST,GET",
            "Access-Control-Allow-Headers": "X-Authorization,X-Requested-With"},
            crossDomain : true,
            success: login.inSuccess,
            error: login.inFailure
        });
    },
    inSuccess: function(obj) {
        alert("Success");
    },
    inFailure: function(obj, b, c) {
        alert("Failure");
    }
}
$(document).bind('pageinit', function () {
    $.support.cors = true;
    $.mobile.allowCrossDomainPages = true;
});

调用 login.in（） 时不断收到相同的错误：

访问控制-允许

-源不允许 http://本地主机/帐户/登录/源空的选项。

如您所见，我已经尝试了所有方法。 。 。

Answer 1

出于安全原因，JavaScript 对文件系统的访问 客户端受到限制 - 考虑您是否愿意（有人 else's） JavaScript 来读取您的敏感文档。

即使在试验时，也最好使用实际拓扑， 从服务器提供将从那里提供的内容 真正的系统。

设置像Apache这样的Web服务器来指向真的很容易 您的开发目录，因此"服务器"只是您的桌面 伪装。因此，编辑/测试周期非常快。

使用 AJAX 读取本地文件