javascript - 为什么这个 Angular 脚本无法检索 Laravel 4 生成的 JSON？

Question

AngularJS

$http({
        method: 'GET',
        url: '//www.ign-design.net/users'
    }).success(function (data, status, headers, config) {
        $scope.user.username = data.name;
    }).error(function (data, status, headers, config) {
        console.log(data);
    }
);

拉拉维尔

Route::get('users', function() 
{
    return Response::json(array('name' => 'Anil', 'yas' => 25));
});

问题是，当我添加 //echo.jsontest.com/name/Anil/yas/25 作为 $http URL 时，脚本工作正常。但是，然后我添加 //www.ign-design.net/users (这是由 Laravel 使用上面的代码生成的)，它不起作用。它转到 .error 和 console.log 输出:""

我不知道出了什么问题。为什么我的 Laravel 的 Response::json() 不能满足像 jsontest.com 网站这样的 AngularJS？花了大约 2 个小时试图弄清楚 - 没有运气。

诗。可能是 header 问题 - 但我也尝试使用纯 PHP 输出 JSON 数据并自己设置 header 。也没用。

Answer 1

您似乎遇到了跨域问题。要么将你的 Angular 代码移至同一个域，要么让你的 Laravel 代码了解如何响应跨域调用。

参见:https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS了解更多详情。