首頁(yè) 猿問(wèn) 如何使用AngularJS進(jìn)行$...

如何使用AngularJS進(jìn)行$ http同步調(diào)用

AngularJS

開(kāi)心每一天1111 2019-11-25 20:16:46

如何使用AngularJS進(jìn)行$ http同步調(diào)用對(duì)不起，我的新手問(wèn)題，但AngularJS文檔不是非常明確或廣泛，以找出一些基本的東西。有沒(méi)有辦法與AngularJS進(jìn)行同步調(diào)用？在服務(wù)上：myService.getByID = function (id) { var retval = null; $http({ url: "/CO/api/products/" + id, method: "GET" }).success(function (data, status, headers, config) { retval = data.Data; }); return retval;}

查看完整描述

3 回答

哆啦的時(shí)光機(jī)

TA貢獻(xiàn)1779條經(jīng)驗(yàn) 獲得超6個(gè)贊

不是現(xiàn)在。如果查看源代碼（從2012年10月的時(shí)間點(diǎn)開(kāi)始），您將看到對(duì)XHR open的調(diào)用實(shí)際上是硬編碼為異步（第三個(gè)參數(shù)為true）：

 xhr.open(method, url, true);

您需要編寫(xiě)自己的同步調(diào)用服務(wù)。一般情況下，由于JavaScript執(zhí)行的性質(zhì)，您通常不會(huì)想要這樣做，因此最終會(huì)阻止其他所有內(nèi)容。

...但是......如果實(shí)際上需要阻止其他所有內(nèi)容，也許你應(yīng)該查看promises和$ q服務(wù)。它允許您等待一組異步操作完成，然后在它們?nèi)客瓿珊髨?zhí)行。我不知道你的用例是什么，但這可能值得一看。

除此之外，如果您打算自己動(dòng)手，可以在此處找到有關(guān)如何進(jìn)行同步和異步ajax調(diào)用的更多信息。

我希望這是有幫助的。

反對(duì) 回復(fù) 2019-11-26

犯罪嫌疑人X

TA貢獻(xiàn)2080條經(jīng)驗(yàn) 獲得超4個(gè)贊

var EmployeeController = ["$scope", "EmployeeService",
        function ($scope, EmployeeService) {
            $scope.Employee = {};
            $scope.Save = function (Employee) {                
                if ($scope.EmployeeForm.$valid) {
                    EmployeeService
                        .Save(Employee)
                        .then(function (response) {
                            if (response.HasError) {
                                $scope.HasError = response.HasError;
                                $scope.ErrorMessage = response.ResponseMessage;
                            } else {

                            }
                        })
                        .catch(function (response) {

                        });
                }
            }
        }]var EmployeeService = ["$http", "$q",
            function ($http, $q) {
                var self = this;

                self.Save = function (employee) {
                    var deferred = $q.defer();                
                    $http                        .post("/api/EmployeeApi/Create", angular.toJson(employee))
                        .success(function (response, status, headers, config) {
                            deferred.resolve(response, status, headers, config);
                        })
                        .error(function (response, status, headers, config) {
                            deferred.reject(response, status, headers, config);
                        });

                    return deferred.promise;
                };

反對(duì) 回復(fù) 2019-11-26