包含两个对象的 Javascript xhr 帖子正文

Question

我正在尝试将两个对象发送到 Web API (ASP.NET)，User 和 House。

最初，我尝试将它们作为 xhr.send(User,House) 发送，但我意识到每个主体只能发送一个对象。

所以，我创建了一个包装器类来包含这两个对象

    public class Wrapper
{
    public House house{ get; set; }
    public User user{ get; set; }

}

但是，当我将 json 正文发送到 api 时，数据接收到的数据对象为 null。

我做错了什么？

前端:

 var xhr = new XMLHttpRequest();
 var url = "api_call";
 xhr.open('POST', url); 
  xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");

 var house = JSON.stringify({address : address, zip : zip});
 var user =  JSON.stringify({Email: email, Password: "aaaAAA1!"});
 var wrapper = JSON.stringify({house : house, user : user});
 ... 
 xhr.send(wrapper);

后端:

        public async System.Threading.Tasks.Task<HttpResponseMessage> ApiCall(Wrapper wrapper)
    {
    // wrapper.house and wrapper.user is null
        House house = wrapper.house;
        User user= wrapper.user;
   ...
   }

Answer 1

作为我们的谈话作为评论，不需要 stringify house 和 user，只需 stringify wrapper 就足够了，所以将 house 和 user 初始化为 wrapper 作为对象而不是字符串，更正如下:

var xhr = new XMLHttpRequest();
 var url = "api_call";
 xhr.open('POST', url); 
 xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");

 var wrapper = JSON.stringify({house : {address : address, zip : zip}, user : {Email: email, Password: "aaaAAA1!"}});
 ... 
 xhr.send(wrapper);