c# - 为什么在 Web API 中的放置请求期间我的模型属性为空？

Question

我使用 JQuery 和 Ajax 从我的 View 向 Web API Controller 发送 PUT 请求。它命中了我的 Web API Controller ，但我的模型属性为空。

这是我的 Controller 代码:

public HttpResponseMessage Put(Int64 id, 
           [FromUri] CompanyInformation companyInformation) {
  try {
    if (ModelState.IsValid) {
      if (IsUniq(companyInformation.Name)) {
        _smUnitOfWork.CompanyInformations.Update(companyInformation);
        _smUnitOfWork.Save();
        return Request.CreateResponse(HttpStatusCode.OK, 
           string.Format(Messagess.UpdatedSuccess, 
                         companyInformation.Name));
      }
    }
    return Request.CreateResponse(HttpStatusCode.BadRequest, 
           string.Format(Messagess.AlreadyExist, 
                         companyInformation.Name, TypeNameMessages));
  } catch (Exception) {
    return Request.CreateResponse(HttpStatusCode.BadRequest, 
                                  Messagess.UnbaleToProcess);
  }
}

我的观点是:

  <div id="companySetup">
   @using (Html.BeginForm(null,null, FormMethod.Post, new{id="MyId"}))
   {
    <div>
        <div>
            <h2>Company Setup</h2>
            <ul>
                <li>
                    @Html.LabelFor(x => x.Name)
                    @Html.TextBoxFor(x => x.Name)
                </li>
                <li>
                    @Html.LabelFor(x => x.FirstAddress)
                    @Html.TextAreaFor(x => x.FirstAddress)
                </li>
                <li>@Html.LabelFor(x => x.SecondAddess)
                    @Html.TextAreaFor(x => x.SecondAddess)
                </li>
                <li>
                    @Html.LabelFor(x => x.ContractDeatils)
                    @Html.TextAreaFor(x => x.ContractDeatils)
                </li>
                <li>
                    @Html.LabelFor(x => x.Email)
                    @Html.TextBoxFor(x => x.Email, new { type = "email" })
                </li>
                <li>
                    @Html.LabelFor(x => x.Web)
                    @Html.TextBoxFor(x => x.Web)
                </li>
            </ul>
            @Html.HiddenFor(x => x.Id)
        </div>
        <div class="buttonAlinment">
            <input type="submit" value="Reset" />
            <input type="submit" value="Update" />
        </div>
    </div>
}

我的 JavaScript 是:

var updateCompanyInfo = function () {
var companyInformation = {
    "Name": $("#Name").val(),
    "FirstAddress": $("#FirstAddress").val(),
    "SecondAddess": $("#SecondAddess").val(),
    "ContractDeatils": $("#ContractDeatils").val(),
    "Web": $("#Web").val(),
    "Id": $("#Id").val(),
    "Email": $("#Email").val(),
};

$.ajax({
    url: '/api/CompanyInformation/' + $('#Id').val(),
    type: 'PUT',
    contentType: "application/json; charset=utf-8",
    data: { companyInformation: companyInformation },
    success: function (result) {
        alert("Done");
    }
});

};

在 Debug模式下它显示:

我不明白我哪里错了。

Answer 1

这里有两个问题

1. 您的 companyInformation 预计来自 Uri，但随后您在请求正文中发送数据。
2. 目前正文是 urlencoded 内容形式，但您指定的数据类型在 application/json

有几种方法可以解决这个问题，这就是我会做的。首先，从 PUT 方法的 companyInformation 参数中删除 [FromUrl]:

 public HttpResponseMessage Put(Int64 id, CompanyInformation companyInformation) 
 {
     ...
 }

然后在客户端使用JSON.stringify(...)将数据转换成JSON:

$.ajax({
    url: '/api/CompanyInformation/' + $('#Id').val(),
    type: 'PUT',
     contentType: "application/json; charset=utf-8",
     data: JSON.stringify(companyInformation),
     success: function (result) {
         alert("Done");
     }
 });