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的状态代码。谢谢艾恩!