AngularJS：多个异步AJAX调用

Question

我调用了多个ajax调用，但代码只在所有ajax调用执行之后才到达API。

JavaScript：

 function test = function(){
        var entity = {};
        entity.Number = 1;
        appFactory.testPostCall(entity, 'ApiController/TestMethod');

        entity.Number = 2;
        appFactory.testPostCall(entity, 'ApiController/TestMethod');
    }

AppFactory

factory.testPostCall = function (number, appendUrl) {
        var q = $q.defer(); 

        $http({
            method: "POST",
            url: url + appendUrl,
            data: number
        }).success(function (data, status, headers, config) { 
            q.resolve(data);
        }).error(function (data, status, headers, config) {
            q.reject(data); 
        });
        return q.promise;
    }

API

[HttpPost]
        public Nullable<int> TestMethod(TestEntity entity)
        {
            return entity.Number;
        }

javascript -> appFactory
javascript -> appFactory
API
API 
//with the parameter Entity having the value Entity.Number = 2 for both API calls.

entity.Number = 2; 

javascript -> appFactory -> API //entity.Number = 1

javascript -> appFactory -> API //entity.Number = 2

链接工作很好，但我需要运行两个独立，我真的想知道发生了什么。

    entity.Number = 1;
            appFactory.testPostCall(entity, 'ApiController/TestMethod')
.then(function(data){
            entity.Number = 2;
            appFactory.testPostCall(entity, 'ApiController/TestMethod');
    });

谢谢！！！

Answer 1

在两种猜测中，您都将entity传递给您的函数。猜猜看？在JS中，所有对象都是通过引用而不是复制传递的。类似的问题已经结束了：为什么在给这个对象分配其他东西时，它不是通过引用传递的？

你有两种可能会有你所期望的行为：

• 您可以使用闭包来确保参数按您所希望的方式传递
• 可以浅表复制对象