Question

注意：这适用于 Firefox ，但 Chrome 无效。为什么？我错过了什么？

当我尝试在表单中运行编辑功能时，它应该通过AngularJS获取数据。

var i;
var url = window.location.href;
var param = url.split("?");
    param = param[param.length - 1];

var jsonUrl = "http://api.hiremein.rs/?" + param;

$(".update-book").click(function(){
    i = $( this ).data('key');
});
var rest = angular.module('rest', []);
rest.controller('restCtrl', function($scope, $http) {
    $(".update-book").click(function(){
        setTimeout(function(){
        $http.get(jsonUrl, function(req, res){
            res.header("Access-Control-Allow-Origin", "*");
            res.header("Access-Control-Allow-Origin", "X-Requested-With");
            res.send(
                {jsonUrl}
            );
        })
            .success(function (response) {
                $scope.names = response.data[i]; 
            });
        }, 300); 
    });
});

执行代码时出现此错误：

XMLHttpRequest无法加载http://api.hiremein.rs/?page=1。 No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上。起源＆＃39; http://client.hiremein.rs＆＃39;因此不允许访问。

我也尝试添加

header("Access-Control-Allow-Origin: *");

到客户端上的index.php以及 API 一侧。

但错误并没有消失。

Answer 1

我可能错误地认为所显示的代码是服务器端代码 - 在反射时，它看起来像客户端代码 - 在这种情况下，以下内容无关紧要

res.header("Access-Control-Allow-Origin", "X-Requested-With");

好吧，看起来有7种错误的错误......我确定X-Requested-With不是主持人 - 也许你的意思

res.header("Access-Control-Allow-Headers", "X-Requested-With");

当然，如果你有非标准的标题，你可能需要处理preflighting

无法在Chrome中启用CORS

1 个答案: