Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS承诺返回时出错,但成功地将内容发送到db_Javascript_Angularjs_Angular Promise - Fatal编程技术网

Javascript AngularJS承诺返回时出错,但成功地将内容发送到db

Javascript AngularJS承诺返回时出错,但成功地将内容发送到db,javascript,angularjs,angular-promise,Javascript,Angularjs,Angular Promise,使用error.status在控制台日志中获得的错误为-1,但我发送到数据库的数据已成功发布。数据显示在我的ng repeat列表中。这很奇怪,因为有5%的时候会发生 这是我的控制器: angular.module('app') .controller('WebsiteCtrl', ['WebsiteService', '$scope', '$http', '$timeout', '$uibModal', function (WebsiteService, $scope, $http,

使用
error.status
在控制台日志中获得的错误为
-1
,但我发送到数据库的数据已成功发布。数据显示在我的
ng repeat
列表中。这很奇怪,因为有5%的时候会发生

这是我的控制器:

    angular.module('app')
.controller('WebsiteCtrl', ['WebsiteService', '$scope', '$http', '$timeout', '$uibModal', function (WebsiteService, $scope, $http, $timeout, $uibModal, $uibModalInstance) {
    $scope.model = WebsiteService.getWebsites();
    $scope.clients = WebsiteService.getClients();
    $scope.new = {
        Website: {}
    };

    //create alerts when page reloads after crud functions
    if (localStorage.getItem("Success")) {
        $scope.alert = "Success";
        $scope.alertMessage = localStorage.getItem("Success");
        localStorage.clear();
    } else if (localStorage.getItem("Error") && localStorage.getItem("Error") != null) {
        //sometimes get errors even when adding, deleting, updating is successful
        $scope.alert = "Error";
        $scope.alertMessage = localStorage.getItem("Error");
        localStorage.clear();
    };


    //Obtains list of websites from WebsiteSvc
    getWebsites(); // this initializes Website List on page load
    function getWebsites() {
        WebsiteService.getWebsites()
            .then(
            function (data) {
                $scope.model = data;
            },
            function (errResponse) {
                console.log("Error while getting websites");
            });
    }

    getClients();
    function getClients() {
        WebsiteService.getClients()
        .then(
        function (data) {
            $scope.clients = data;
        },
        function (errResponse) {
            console.log("Error while getting Clients");
        });
    }

    //add a website
    $scope.addWebsite = function () {
        var data = WebsiteService.addWebsite($scope.new.Website).then(
            function (success) {
                localStorage.setItem("Success", "Added Website Id:" + success.Id + " Successfully!");
            },
            function (error) {
                console.log(JSON.stringify(error, null, 2));
                console.log(error.statusText);
                localStorage.setItem("Error", "Error while adding website! " + error.status + ":" +  error.statusText);
            }
        );
        //location.reload();
    }

    //update a job
    $scope.updateWebsite = function (website) {
        WebsiteService.updateWebsite(website).then(
            function (success) {
                localStorage.setItem("Success", "Updated Website Id:" + success.Id + " Successfully!");
            },
            function (error) {
                localStorage.setItem("Error", "Error while updating website! " + error.status + ":" + error.statusText);
                console.log(error);
            }
        );
        location.reload();
    }
    // deletes website
    $scope.deleteWebsite = function (website) {
        var indx = $scope.model.websiteList.indexOf(website);
        WebsiteService.deleteWebsite(website.Id).then(
            function (success) {
                localStorage.setItem("Success", "Deleted Website Id:" + success.Id + " Successfully!");
            },
            function (error) {
                localStorage.setItem("Error", "Error occured while deleting website! " + error.status + ":" +  error.statusText);
            }
        );
        location.reload();
    }

    //toggles active 
    $scope.updateActive = function (w) {
        if (w.Active === true) {
            w.Active = false;
        } else if (w.Active === false) {
            w.Active = true;
        }
        //updates job to reflect gui (active or inactive)
        this.updateWebsite(w);
    }

    //select job
    $scope.selectWebsite = function (w) {
        $scope.selectedWebsite = w;
    }

    //show modal function
    $scope.showModal = function (action, obj) {
        $scope.showBool = true; //boolean to be able to exit modal after update
        $scope.model.runButtonText = "Run Job"; //this is for run job only
        $scope.$modalInstance = $uibModal.open({
            scope: $scope,
            inputs: {
                title: action + " Job"
            },
            restrict: "E",
            templateUrl: 'app/modal/WebsiteModals/modal' + action + 'Template.html',
            controller: "JobCtrl",
            backdrop: 'static',
            keyboard: false

        });
    }

    //exit modal function
    $scope.exitModal = function () {
        $scope.$modalInstance.dismiss('cancel');
    };


}]);
我的服务:

    //Website Service class that executes the CRUD functionality
angular.module('app').factory('WebsiteService', ['$http', '$q', function ($http, $q) {

    var factory = {
        getWebsites: getWebsites,
        getClients: getClients,
        addWebsite: addWebsite,
        updateWebsite: updateWebsite,
        deleteWebsite: deleteWebsite,
    };

    return factory;

    //creates service call for getWebsites
    function getWebsites() {
        var deferred = $q.defer();
        $http.get('Websites/GetWebsites')
            .then(
            function (response) {
                deferred.resolve(response.data);
            },
            function (errResponse) {
                console.log('Error while getting websites');
                deferred.reject(errResponse);
            }
        );
        //returns a promise that function was successful or failed
        //helps control asynch calls
        return deferred.promise;
    };

    //creates service call for getClients
    function getClients() {
        var deferred = $q.defer();
        $http.get('Websites/GetClients')
            .then(
            function (response) {
                deferred.resolve(response.data);
            },
            function (errResponse) {
                console.log('Error while getting websites');
                deferred.reject(errResponse);
            }
        );
        //returns a promise that function was successful or failed
        //helps control asynch calls
        return deferred.promise;
    };

    function addWebsite(website) {
        var deferred = $q.defer();
        console.log('Service: ', website);
        $http.post('Websites/Post', website)
            .then(
            function (response) {
                deferred.resolve(response.data);
                console.log(response.data);
            },
            function (errResponse) {
                console.log("Error while adding website");
                deferred.reject(errResponse);
            }
        );
        //returns a promise that function was successful or failed
        //helps control async calls
        return deferred.promise;
    };

    function updateWebsite(website) {
        var deferred = $q.defer();
        $http.post("Websites/Post", website)
            .then(
            function (response) {
                deferred.resolve(response.data);
                console.log(response.data);
            },
            function (errResponse) {
                console.log("Error while updating website");
                deferred.reject(errResponse);
            }
        );
        //returns a promise that function was successful or failed
        //helps control async calls
        return deferred.promise;
    };

    function deleteWebsite(id) {
        var deferred = $q.defer();
        console.log('Service: ', id);
        $http.post("Websites/Delete/" + id)
            .then(
            function (response) {
                deferred.resolve(response.data);
                console.log(response.data);
            },
            function (errResponse) {
                console.log("Error while deleting website");
                deferred.reject(errResponse);
            }
        );
        //returns a promise that function was successful or failed
        //helps control async calls
        return deferred.promise;
    };

}]);
它发生在所有与数据库相关的函数上,但我正在使用addWebsite函数获取有用的数据。当这种情况很少发生时,很难进行调试

任何帮助都将不胜感激!提前谢谢

编辑 下面是一张将错误设置为-1并显示“网络”选项卡的图片。这在不同的选项卡中,但代码相同。

根据angularjs文件:“介于200和299之间的响应状态代码被视为成功状态,并将导致调用成功回调。超出该范围的任何响应状态代码都被视为错误状态,并将导致调用错误回调。此外,小于-1的状态代码被标准化为零-1通常表示请求被中止,例如使用config.timeout。注意,如果响应是重定向,XMLHttpRequest将透明地跟随它,这意味着结果(成功或错误)将由最终响应状态代码决定。“请看:$http。

在我看来,问题一定出在您的api中。您可能无法从API201中获取数据,这是可能的,因为我正在Microsoft的实体框架中抛出json数据块。但是有没有什么可以确定的呢?我完全不知所措,因为我向用户显示成功和错误消息,而显示一次性错误并不专业!:(调试API或(如果适用)阅读API的日志。您可以通过查看浏览器控制台中的“网络”选项卡来确定是否有任何错误。您应该能够在chrome developer控制台中看到您请求的状态代码。更新帖子以显示错误发生的图片。同时显示网络控制台。如果错误为-1,那么我可以忽略错误吗?例如在错误函数中添加if语句,检查它是否为-1。最好不要忽略。检查它是否启动重复请求(第一个请求成功完成,第二个请求被拒绝或超时)。请尝试对您的请求使用其他超时值。也请查看您的Web服务的超时。据我所知,我没有重复的请求。我能想到的唯一原因是请求的速度。如果它触发得太快。事实上,查看有关请求的照片,似乎在超时时间结束之前它已被取消不是吗?请查看请求的“暂停”状态,并将其与超时进行比较。无论如何,请尝试增加超时,因为webservice操作涉及访问数据库等昂贵的操作。谢谢,我将对此进行研究。这在很大程度上解决了我的问题,因为我现在知道angular的状态代码。谢谢艾恩!