blocks|key|230891|text|目前还没有。如果使用look+at+the+source+code+(from+this+point+in+time+Oct+2012)，您将看到对XHR+open的调用实际上是硬编码为异步的(第三个参数为true)：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|230892|+xhr.open(method,+url,+true);|code-block|syntax|javascript|230893|您需要编写自己的服务来执行同步调用。通常情况下，这不是您通常想要做的事情，因为JavaScript执行的性质决定了您最终会阻塞其他所有东西。|230894|..。但是..。如果真的需要屏蔽其他所有东西，也许你应该考虑一下promises和$q+service。它允许您等待一组异步操作完成，然后在它们全部完成后执行某些操作。我不知道你的用例是什么，但这可能值得一看。|230895|除此之外，如果您打算使用自己的方法，请参阅有关如何进行同步和异步ajax调用can+be+found+here的更多信息。|230896|我希望这能对你有所帮助。|230897|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/angular/angular.js/blob/e0a54f6b206dc2b6595f2bc3a17c5932e7477545/src/ng/httpBackend.js#L56|1|https://docs.angularjs.org/api/ng/service/$q|2|https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/Synchronous_and_Asynchronous_Requests^0|A|1M|0|0|0|0|15|A|1|0|12|H|2|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|D|3|E|5|F|7|16|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|17|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]]|C|$]]|$1|M|3|N|5|6|7|1C|8|@]|9|@$A|1D|B|1E|1|1F]]|C|$]]|$1|O|3|P|5|6|7|1G|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|T|U|V|C|$W|Z]]|10|$5|T|U|V|C|$W|11]]]]

<p>Not currently. If you <a href="https://github.com/angular/angular.js/blob/e0a54f6b206dc2b6595f2bc3a17c5932e7477545/src/ng/httpBackend.js#L56" rel="nofollow noreferrer">look at the source code (from this point in time Oct 2012)</a>, you'll see that the call to XHR open is actually hard-coded to be asynchronous (the third parameter is true):</p>

<pre><code> xhr.open(method, url, true);
</code></pre>

<p>You'd need to write your own service that did synchronous calls. Generally that's not something you'll usually want to do because of the nature of JavaScript execution you'll end up blocking everything else.</p>

<p>... but.. if blocking everything else is actually desired, maybe you should look into promises and the <a href="https://docs.angularjs.org/api/ng/service/$q" rel="nofollow noreferrer">$q service</a>. It allows you to wait until a set of asynchronous actions are done, and then execute something once they're all complete. I don't know what your use case is, but that might be worth a look.</p>

<p>Outside of that, if you're going to roll your own, more information about how to make synchronous and asynchronous ajax calls <a href="https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/Synchronous_and_Asynchronous_Requests" rel="nofollow noreferrer">can be found here</a>.</p>

<p>I hope that is helpful.</p>


blocks|key|230960|text|我曾与一家工厂合作，集成了谷歌地图自动完成和承诺做出的​​，我希望你服务。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|230961|http://jsfiddle.net/the_pianist2/vL9nkfe3/1/|offset|length|230962|您只需通过此请求将autocompleteService替换为出厂前的$+http+incuida。|230963|app.factory('Autocomplete',+function($q,+$http)+{|code-block|syntax|javascript|230964|和$+http请求|230965|+var+deferred+=+$q.defer();
+$http.get('urlExample').
success(function(data,+status,+headers,+config)+{
+++++deferred.resolve(data);
}).
error(function(data,+status,+headers,+config)+{
+++++deferred.reject(status);
});
+return+deferred.promise;

<div+ng-app="myApp">
++<div+ng-controller="myController">
++<input+type="text"+ng-model="search"></input>
++<div+class="bs-example">
+++++<table+class="table"+>
++++++++<thead>
+++++++++++<tr>
++++++++++++++<th>#</th>
++++++++++++++<th>Description</th>
+++++++++++</tr>
++++++++</thead>
++++++++<tbody>
+++++++++++<tr+ng-repeat="direction+in+directions">
++++++++++++++<td>{{$index}}</td>
++++++++++++++<td>{{direction.description}}</td>
+++++++++++</tr>
++++++++</tbody>
+++++</table>
++</div>

'use+strict';
+var+app+=+angular.module('myApp',+[]);

++app.factory('Autocomplete',+function($q)+{
++++var+get+=+function(search)+{
++++var+deferred+=+$q.defer();
++++var+autocompleteService+=+new+google.maps.places.AutocompleteService();
++++autocompleteService.getPlacePredictions({
++++++++input:+search,
++++++++types:+['geocode'],
++++++++componentRestrictions:+{
++++++++++++country:+'ES'
++++++++}
++++},+function(predictions,+status)+{
++++++++if+(status+==+google.maps.places.PlacesServiceStatus.OK)+{
++++++++++++deferred.resolve(predictions);
++++++++}+else+{
++++++++++++deferred.reject(status);
++++++++}
++++});
++++return+deferred.promise;
};

return+{
++++get:+get
};
});

app.controller('myController',+function($scope,+Autocomplete)+{
$scope.$watch('search',+function(newValue,+oldValue)+{
++++var+promesa+=+Autocomplete.get(newValue);
++++promesa.then(function(value)+{
++++++++$scope.directions+=+value;
++++},+function(reason)+{
++++++++$scope.error+=+reason;
++++});
+});

});|230966|问题本身是在以下方面提出的：|230967|deferred.resolve(varResult);+|230968|当你做得很好，并且你的请求：|230969|deferred.reject(error);+|230970|当出现错误时，然后：|230971|return+deferred.promise;|230972|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|18|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|19|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1A|8|@]|9|@$D|1B|E|1C|1|1D]]|A|$]]|$1|F|3|G|5|6|7|1E|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|1F|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1G|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|1H|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|1I|8|@]|9|@]|A|$]]|$1|S|3|T|5|J|7|1J|8|@]|9|@]|A|$K|L]]|$1|U|3|V|5|6|7|1K|8|@]|9|@]|A|$]]|$1|W|3|X|5|J|7|1L|8|@]|9|@]|A|$K|L]]|$1|Y|3|Z|5|6|7|1M|8|@]|9|@]|A|$]]|$1|10|3|11|5|J|7|1N|8|@]|9|@]|A|$K|L]]|$1|12|3|-4|5|6|7|1O|8|@]|9|@]|A|$]]]|13|$14|$5|15|16|17|A|$18|C]]]]

<p>I have worked with a factory integrated with google maps autocomplete and promises made​​, I hope you serve. </p>

<p><a href="http://jsfiddle.net/the_pianist2/vL9nkfe3/1/" rel="noreferrer">http://jsfiddle.net/the_pianist2/vL9nkfe3/1/</a>    </p>

<p>you only need to replace the autocompleteService by this request with $ http incuida being before the factory. </p>

<pre><code>app.factory('Autocomplete', function($q, $http) {
</code></pre>

<p>and $ http request with</p>

<pre><code> var deferred = $q.defer();
 $http.get('urlExample').
success(function(data, status, headers, config) {
     deferred.resolve(data);
}).
error(function(data, status, headers, config) {
     deferred.reject(status);
});
 return deferred.promise;

&lt;div ng-app="myApp"&gt;
  &lt;div ng-controller="myController"&gt;
  &lt;input type="text" ng-model="search"&gt;&lt;/input&gt;
  &lt;div class="bs-example"&gt;
     &lt;table class="table" &gt;
        &lt;thead&gt;
           &lt;tr&gt;
              &lt;th&gt;#&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
           &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
           &lt;tr ng-repeat="direction in directions"&gt;
              &lt;td&gt;{{$index}}&lt;/td&gt;
              &lt;td&gt;{{direction.description}}&lt;/td&gt;
           &lt;/tr&gt;
        &lt;/tbody&gt;
     &lt;/table&gt;
  &lt;/div&gt;

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

  app.factory('Autocomplete', function($q) {
    var get = function(search) {
    var deferred = $q.defer();
    var autocompleteService = new google.maps.places.AutocompleteService();
    autocompleteService.getPlacePredictions({
        input: search,
        types: ['geocode'],
        componentRestrictions: {
            country: 'ES'
        }
    }, function(predictions, status) {
        if (status == google.maps.places.PlacesServiceStatus.OK) {
            deferred.resolve(predictions);
        } else {
            deferred.reject(status);
        }
    });
    return deferred.promise;
};

return {
    get: get
};
});

app.controller('myController', function($scope, Autocomplete) {
$scope.$watch('search', function(newValue, oldValue) {
    var promesa = Autocomplete.get(newValue);
    promesa.then(function(value) {
        $scope.directions = value;
    }, function(reason) {
        $scope.error = reason;
    });
 });

});
</code></pre>

<p>the question itself is to be made on: </p>

<pre><code>deferred.resolve(varResult); 
</code></pre>

<p>when you have done well and the request:</p>

<pre><code>deferred.reject(error); 
</code></pre>

<p>when there is an error, and then:</p>

<pre><code>return deferred.promise;
</code></pre>


blocks|key|230986|text|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;
++++++++++++++++};|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|230987|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>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;
                };
</code></pre>


blocks|key|231021|text|这里有一种方法，你可以异步地做，并像平常一样管理事情。所有内容仍然是共享的。您将获得一个对要更新的对象的引用。每当你在你的服务中更新它时，它就会被全局更新，而不必观察或返回一个承诺。这真的很好，因为您可以从服务内部更新底层对象，而不必重新绑定。使用Angular就像它应该被使用的那样。我认为让$http.get/post同步可能不是一个好主意。您将在脚本中得到一个明显的延迟。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|231022|app.factory('AssessmentSettingsService',+['$http',+function($http)+{
++++//assessment+is+what+I+want+to+keep+updating
++++var+settings+=+{+assessment:+null+};

++++return+{
++++++++getSettings:+function+()+{
+++++++++++++//return+settings+so+I+can+keep+updating+assessment+and+the
+++++++++++++//reference+to+settings+will+stay+in+tact
+++++++++++++return+settings;
++++++++},
++++++++updateAssessment:+function+()+{
++++++++++++$http.get('/assessment/api/get/'+%2B+scan.assessmentId).success(function(response)+{
++++++++++++++++//I+don't+have+to+return+a+thing.++I+just+set+the+object.
++++++++++++++++settings.assessment+=+response;
++++++++++++});
++++++++}
++++};
}]);

++++...
++++++++controller:+['$scope',+'$http',+'AssessmentSettingsService',+function+($scope,+as)+{
++++++++++++$scope.settings+=+as.getSettings();
++++++++++++//Look.++I+can+even+update+after+I've+already+grabbed+the+object
++++++++++++as.updateAssessment();|code-block|syntax|javascript|231023|在视图中的某处：|231024|<h1>{{settings.assessment.title}}</h1>|231025|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Here's a way you can do it asynchronously and manage things like you would normally.
Everything is still shared.  You get a reference to the object that you want updated.  Whenever you update that in your service, it gets updated globally without having to watch or return a promise.
This is really nice because you can update the underlying object from within the service without ever having to rebind.  Using Angular the way it's meant to be used.
I think it's probably a bad idea to make $http.get/post synchronous.  You'll get a noticeable delay in the script. </p>

<pre><code>app.factory('AssessmentSettingsService', ['$http', function($http) {
    //assessment is what I want to keep updating
    var settings = { assessment: null };

    return {
        getSettings: function () {
             //return settings so I can keep updating assessment and the
             //reference to settings will stay in tact
             return settings;
        },
        updateAssessment: function () {
            $http.get('/assessment/api/get/' + scan.assessmentId).success(function(response) {
                //I don't have to return a thing.  I just set the object.
                settings.assessment = response;
            });
        }
    };
}]);

    ...
        controller: ['$scope', '$http', 'AssessmentSettingsService', function ($scope, as) {
            $scope.settings = as.getSettings();
            //Look.  I can even update after I've already grabbed the object
            as.updateAssessment();
</code></pre>

<p>And somewhere in a view:</p>

<pre><code>&lt;h1&gt;{{settings.assessment.title}}&lt;/h1&gt;
</code></pre>


blocks|key|231064|text|由于sync+XHR已被弃用，因此最好不要依赖它。如果您需要执行同步post请求，则可以在服务中使用以下助手来模拟窗体POST。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|231065|它的工作原理是创建一个带有隐藏输入的表单，该表单将发布到指定的URL。|231066|//Helper+to+create+a+hidden+input
function+createInput(name,+value)+{
++return+angular
++++.element('<input/>')
++++.attr('type',+'hidden')
++++.attr('name',+name)
++++.val(value);
}

//Post+data
function+post(url,+data,+params)+{

++++//Ensure+data+and+params+are+an+object
++++data+=+data+%7C%7C+{};
++++params+=+params+%7C%7C+{};

++++//Serialize+params
++++const+serialized+=+$httpParamSerializer(params);
++++const+query+=+serialized+?+`?${serialized}`+:+'';

++++//Create+form
++++const+$form+=+angular
++++++++.element('<form/>')
++++++++.attr('action',+`${url}${query}`)
++++++++.attr('enctype',+'application/x-www-form-urlencoded')
++++++++.attr('method',+'post');

++++//Create+hidden+input+data
++++for+(const+key+in+data)+{
++++++++if+(data.hasOwnProperty(key))+{
++++++++++++const+value+=+data[key];
++++++++++++if+(Array.isArray(value))+{
++++++++++++++++for+(const+val+of+value)+{
++++++++++++++++++++const+$input+=+createInput(`${key}[]`,+val);
++++++++++++++++++++$form.append($input);
++++++++++++++++}
++++++++++++}
++++++++++++else+{
++++++++++++++++const+$input+=+createInput(key,+value);
++++++++++++++++$form.append($input);
++++++++++++}
++++++++}
++++}

++++//Append+form+to+body+and+submit
++++angular.element(document).find('body').append($form);
++++$form[0].submit();
++++$form.remove();
}|code-block|syntax|javascript|231067|根据需要进行修改。|231068|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests#Synchronous_request^0|2|8|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|Z|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

<p>Since <a href="https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests#Synchronous_request" rel="nofollow noreferrer">sync XHR</a> is being deprecated, it's best not to rely on that. If you need to do a sync POST request, you can use the following helpers inside of a service to simulate a form post. </p>

<p>It works by creating a form with hidden inputs which is posted to the specified URL.</p>

<pre><code>//Helper to create a hidden input
function createInput(name, value) {
  return angular
    .element('&lt;input/&gt;')
    .attr('type', 'hidden')
    .attr('name', name)
    .val(value);
}

//Post data
function post(url, data, params) {

    //Ensure data and params are an object
    data = data || {};
    params = params || {};

    //Serialize params
    const serialized = $httpParamSerializer(params);
    const query = serialized ? `?${serialized}` : '';

    //Create form
    const $form = angular
        .element('&lt;form/&gt;')
        .attr('action', `${url}${query}`)
        .attr('enctype', 'application/x-www-form-urlencoded')
        .attr('method', 'post');

    //Create hidden input data
    for (const key in data) {
        if (data.hasOwnProperty(key)) {
            const value = data[key];
            if (Array.isArray(value)) {
                for (const val of value) {
                    const $input = createInput(`${key}[]`, val);
                    $form.append($input);
                }
            }
            else {
                const $input = createInput(key, value);
                $form.append($input);
            }
        }
    }

    //Append form to body and submit
    angular.element(document).find('body').append($form);
    $form[0].submit();
    $form.remove();
}
</code></pre>

<p>Modify as required for your needs.</p>


<p>Is there any way to make a synchronous call with AngularJS?</p>

<p>The AngularJS documentation is not very explicit or extensive for figuring out some basic stuff.</p>

<p>ON A SERVICE:</p>

<pre><code>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;
}
</code></pre>


How to $http Synchronous call with AngularJS

有没有办法用AngularJS进行同步调用？AngularJS文档对于弄清楚一些基本的东西来说并不是非常明确或广泛。在服务上：myService.getByID = function (id) {    var retval = null;    $http({        url: "/CO/api/product...

问如何使用AngularJS $http同步调用
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用AngularJS $http同步调用EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用AngularJS $http同步调用
EN