javascript - 如何在 angular.js 中使用 $http 创建同步？

Question

我是java脚本的初学者，不明白如何使用$http对象创建同步Ajax调用，如果有人有想法请指导我，我如何通过$http同步进行Ajax调用

我的代码如下 -

var AjaxModule = angular.module('AjaxModule',[]);
AjaxModule.controller('AjaxController',function($scope,$http){
    var path ="http://localhost/services_ajax/";
    var serviceName = 'customers'; 
    var response = $http.get(path+serviceName);
    response.success(function(data){
        $scope.list = data;
    });
});

Answer 1

您无法使用 $http 服务发出同步请求。它在服务代码中被硬编码为异步。但是，您可以创建自己的同步服务。

var myApp = angular.module('myApp', []);

myApp.service('synchronousService', [function () {
    var serviceMethod = function (url) {
        var request;
        if (window.XMLHttpRequest) {
            request = new XMLHttpRequest();
        } else if (window.ActiveXObject) {
            request = new ActiveXObject("Microsoft.XMLHTTP");
        } else {
            throw new Error("Your browser don't support XMLHttpRequest");
        }

        request.open('GET', url, false);
        request.send(null);

        if (request.status === 200) {
            return request.responseText;
        }
    };
    return serviceMethod;
}]);

myApp.controller('AppCtrl', function ($scope, synchronousService) {
    var url = "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20%28%22AAPL%22%29&env=store://datatables.org/alltableswithkeys";
    alert(synchronousService(url));
});

这是正在运行的 jsfiddle: http://jsfiddle.net/zono/uL0e1j3e/18/

只是说同步请求是一个非常糟糕的主意。