在浏览器中工作时，Angular HTTP GET请求返回未定义

Question

我正在学习AngularJs，并且尝试编写一个非常基本的脚本来向Ebay公共API发送一个http请求，我已经注册并获得了我的API密钥，我已经阅读了几次文档并编写了这个基本代码：

 $scope.getQueryUrl = function () {
    // Some unrelated code ...
    $scope.queryUrl["Ebay"] = "http://svcs.sandbox.ebay.com/services/search/FindingService/v1?OPERATION-NAME=findItemsByKeywords&SERVICE-NAME=FindingService&SERVICE-VERSION=1.0.0&GLOBAL-ID=EBAY-US&SECURITY-APPNAME="+dataAuth.EbayKeyApi+"&RESPONSE-DATA-FORMAT=XML&keywords="+$scope.qtext ;

};
$scope.sendRequest = function () {

    $scope.getQueryUrl(); // Gets the query url after adding all the parameters
    alert($scope.queryUrl.Ebay);
    $http.get($scope.queryUrl["Ebay"]).then(
        function(response){
            alert("success" + response.data );
        },
        function(response){
            alert("error"   + response.statusCode );
        });


};

此代码应如何工作：

它应该创建一个格式化的Ebay查询URL，通过HTTP GET请求将其发送并发送回响应。

注意： $scope.qtext和dataAuth.EbayKeyApi已经分配了各自的值。

有什么问题 ：

问题在于，使用此Angularjs脚本，代码不起作用，显示警告“错误”，并且response.statusCode未定义。

但是，当我在Firefox中复制格式化的Ebay查询链接时，它可以正常工作并显示XML响应。

格式化的Ebay查询是使用提供的脚本生成的。

我认为这是与标头相关的问题。

Answer 1

$ http定义了一些默认标题。 $ http默认发送Json有效负载并接受Json作为响应。 由于您正在处理XML，因此必须使用标头将接受的响应类型明确指定为XML：Accept：application / xml

请使用以下带有适当标题的函数，您应该会得到响应。 另外，请查看eBay API上的任何跨源资源共享（CORS）限制。

    function getRequest(url) {

        $http({
            method: "GET",
            url: url,
            headers: {
                'Content-Type': 'application/xml, text/xml',
                'Accept': 'application/xml, text/plain, * / *'
            }
        })
            .then(function (response) {
                    alert(response.data);
                },
                function (error) {
                    alert (error);
                });
      }

谢谢你索玛