angularjs - 如何使用 AngularJS 在我的 http 请求中发送参数？

Question

我正在使用以下代码：

$http({
    method: 'GET',
    url: '/Admin/GetTestAccounts',
    data: { applicationId: 3 }
}).success(function (result) {
    $scope.testAccounts = result;
});

该代码将以下内容发送到我的服务器：

http://127.0.0.1:81/Admin/GetTestAccounts

当我的 MVC 控制器收到此消息时：

[HttpGet]
public virtual ActionResult GetTestAccounts(int applicationId)
{
    var testAccounts =
        (
            from testAccount in this._testAccountService.GetTestAccounts(applicationId)
            select new
            {
                Id = testAccount.TestAccountId,
                Name = testAccount.Name
            }
        ).ToList();

    return Json(testAccounts, JsonRequestBehavior.AllowGet);
}

它抱怨没有applicationId。

参数字典包含方法的不可空类型“System.Int32”的参数“applicationId”的空条目

有人可以解释为什么 applicationId 没有作为参数发送吗？以前我使用以下非 Angular 代码执行此操作，并且效果很好：

$.ajax({
    url: '/Admin/GetTestAccounts',
    data: { applicationId: 3 },
    type: 'GET',
    success: function (data) {
        eViewModel.testAccounts(data);
    }
});

Answer 1

如果你不想使用 jQuery 的 $.param，你可以使用 $http 的 param 字段来序列化一个对象。

var params = {
    applicationId: 3
}

$http({
    url: '/Admin/GetTestAccounts',
    method: 'GET',
    params: params
});

Answer 2

好的，我会尝试回答这个问题。

我认为问题在于 angularjs 假定传递给 http 的数据将被 urlencoded。如果有对象，我不确定为什么 Angular 不会隐式序列化它。所以你必须自己编码：

 $http({
       method: 'GET',
       url: '/Admin/GetTestAccounts',
       data: 'applicationId=3'
       })

或使用 jQuery 参数为您编码：

$http({
     method: 'GET',
     url: '/Admin/GetTestAccounts',
     data: $.param({ applicationId: 3 })
     })