Question

我正在尝试使用AngularJS将JavaScript项发布到C＃WebAPI调用。以下是我想要做的事情。

物件

class Address
{
    public string Street { get; set; }
    public string City { get; set; }
    public string State { get; set; }
}
class Person
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public Address address { get; set; }
}

我的C＃控制器功能

    [Route("Update/")]
    public void Update(Person person)
    {
        _service.Update(person);
    }

AngularJS调用

    this.update = function (person) {
        $http.post("api/Person/Update/", person);
    }

当我在WebAPI控制器中收到对象时，地址为空。为什么没有收到这些数据？

修改我在原始问题中错了，Person对象看起来像这样

class Person
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public IAddress address { get; set; }
}

当我将地址从IAddress更改为Address时，所有内容都按预期工作。

Answer 1

您的帖子将采用json格式，将人物对象分配给person，Address对象必须是格式正确的对象，因为它包含子属性。

<强>代码

$scope.person = {
  'Street': '',
  'LastName': '',
  'Address': {
     'Street': '',
     'City': '',
     'State': '',
  },
}

this.update = function (person) {
    $http.post("api/Person/Update/", { person : $scope.person});
}

Answer 2

这种方法允许通过HTTP GET发送带有数组和子对象的复杂对象：

角：

$http({
       url: '/myApiUrl',
       method: 'GET',
       params: { personStr: angular.toJson(person, false) }
      })

C＃：

[HttpGet]
public string Get(string personStr)
{
     Person obj = new JavaScriptSerializer().Deserialize<Person>(personStr);
     ...
}

Answer 3

您不想做什么，但此解决方案允许您在.NET端使用复杂对象。 GET请求中没有正文，因此您必须将对象添加到URI中。

将您的网络API方法更改为：

[Route("Update/")]
public void Update([FromUri]Person person)
{
    _service.Update(person);
}

将角度代码更改为：

this.update = function (person) {
    $http.post("api/Person/Update?FirstName=John&LastName=Doe&Address%5BStreet%5D=123%20Main%20St&Address%5BCity%5D=Knoxville&Address%5BState%5D=Tennessee");
}

将复杂对象从AngularJS传递给WebAPI

3 个答案: