javascript - AngularJS - $http.get 请求被取消

Question

我正在尝试使用 $http.get 从我的 AngularJS 应用程序中的服务器获取数据。但是当我执行请求时，它似乎被某些东西取消了。我使用的每个链接都会发生这种情况。本地文件正在运行。

在 Controller.js 的代码下方:

angular
    .module('schoolApp')
    .controller('configController', [
        'apiService', '$http', function (apiService, $http) {

        var vm = this;

        vm.isActive = isActive;
        vm.addPortal = addPortal;

        ...

        function addPortal() {

             ...

             apiService.getServerData('someUrl', "1.0")
                .then(function (result) {
                    var test = result.data;
                })
                .catch(function (result) {
                    console.log(result);
                });

        }

        ...

和 Service.js:

angular
.module('schoolApp')
.service('apiService', [ '$http', function ($http) {
    var service = {
        getServerData: getServerData,
    };

    return service;

    function getServerData(portalUrl, appVersion) {
       // var url = "http://../.../.svc/GetSetting?alias=...&AppVersion=1.0";
        var url = "http://xml.buienradar.nl";
        //var url = "test.json";
        //var url = "xml.xml";
        // "http://" +
        // portalUrl +
        // "/.../.../.svc/GetSetting?alias=" +
        // portalUrl +
        // "&AppVersion=" +
        // appVersion;
        return $http.get(url);
    }
}]);

执行此代码将显示来自 Controller 类的警报(“错误:”+结果)。结果数据:

result: Object
config: Object
data: null
headers: (c)
status: -1
statusText: ""
__proto __: Object

浏览器中的网络显示调用已取消:

http://i.stack.imgur.com/MJoZM.png

更多信息:- 我正在使用 Phonegap(没有测试也不起作用)- AngularJS 1.4

Answer 1

好的，找到答案了。我在同一个函数中调用了 window.location.reload() ，这发生了冲突。所以，现在我将它添加到请求中的 .then() 函数中。