AngularJS - $http get 返回状态为 0 的错误？

Question

我有一个 AngularJS 应用程序，我在其中尝试使用 $http 从服务器获取 XML 数据，例如 http://example.com/a/b/c/d/getDetails?fname=abc&lname=def（当通过在浏览器中输入链接手动访问时，会显示 XML 的树形结构文件）。

当我运行应用程序时，不会从该链接获取数据。相反，它显示 status 0 的错误。

//url = http://example.com/a/b/c/d/getDetails?fname=abc&lname=def
$http.get(url).success(function (data){
                alert("Success");
                deferred.resolve(data);
            }).error(function (data, status){
                console.log("Error status : " + status);
            });

我不知道为什么 $http.get 失败并进入错误函数返回状态 0。

但是，如果我将 URL 传递给具有 JSON 对象的本地服务器，它就可以工作。

问题是因为我试图从不同的域访问 XML 文件（CORS 问题？）还是其他原因？

请帮帮我！

Answer 1

您有HTTP access control (CORS) 问题。

响应您的 REST 请求的服务器必须包含 CORS 指定的标头，以允许 Angular 正确使用响应。本质上，这意味着在您的响应中包含 Access-Control-Allow-Origin 标头，指定允许的请求来自的服务器。 (ref)

指令Angular 允许获取/设置用于确保用于采购Angular 模板的URL 安全的白名单和黑名单。

Answer 2

是的，你没看错，因为 $http 的默认内容类型是“application/json”，如果你想更改请求数据或响应数据，你可以在 tranformRequest 和 tranformResponse 的帮助下进行更改。你可以找到更多关于它的信息here

我还找到了一篇关于实现 tranformRequest change post data from json to form post in angularjs的文章