AngularJs:$ http同步调用

时间:2014-10-28 08:13:03

标签: javascript angularjs synchronous

我为API调用提供了以下服务,

    getValue: function(input) {
        var deferred, url;
        deferred = $q.defer();
        url = "url";
        $http.post(url, input).success(function(data, status, headers, config) {
          return deferred.resolve({
            success: true,
            data: data,
            status: status,
            headers: headers,
            config: config
          });
        }).error(function(data, status, headers, config) {
          return deferred.resolve({
            success: false,
            data: data,
            status: status,
            headers: headers,
            config: config
          });
        });
        return deferred.promise;
      }

但这是异步的。如何将其转换为同步(我想让它等到我得到结果)?

1 个答案:

答案 0 :(得分:6)

对于Angular,这是不可能的。

请参阅使用

打开XMLHttpRequest的https://github.com/angular/angular.js/blob/master/src/ng/httpBackend.js#L51
xhr.open(method, url, true);

xhr.open()中的第三个参数可以设置为falsetrue,其中false是同步的,而true是异步的。在Angular的情况下,它被硬编码到true,因此所有传出的调用都将是异步的。

使用.success()回调等待异步调用返回,然后执行您想要执行的操作。

根据评论中的建议,您当然也可以通过原始javascript,jQuery或任何其他支持同步调用的库进行调用,但我建议使用异步角度调用的回调/延迟,因为同步调用阻塞和阻塞是坏事。