如何将json POST数据作为对象传递给Web API方法？

微软给出了一个很好的例子：

https://docs.microsoft.com/en-us/aspnet/web-api/overview/advanced/sending-html-form-data-part-1

首先验证请求

    
      if (ModelState.IsValid)
</code>
  

    
      Content = new StringContent(update.Status)
</code>
  

在webapi中使用POST可能很棘手！
想补充已经正确的答案..

将专注于POST，因为处理GET是微不足道的。我不认为很多人会用webapis解决GET问题。无论如何..

如果您的问题是 - 在MVC Web Api中，如何 - 使用除通用HTTP谓词之外的自定义操作方法名称？ - 执行多个帖子？ - 发布多个简单类型？ - 通过jQuery发布复杂类型？

那么以下解决方案可能有所帮助

一，使用
的
习惯
</强>
Web API中的操作方法，添加web api路由：

    
      public static void Register(HttpConfiguration config)
{
    config.Routes.MapHttpRoute(
        name: “ActionApi”,
        routeTemplate: “api/{controller}/{action}”);
}
</code>
  

    
      [HttpPost]
public string TestMethod([FromBody]string value)
{
    return “Hello from http post web api controller: “ + value;
}
</code>
  

    
      $.ajax({
    type: ‘POST’,
    url: ‘http://localhost:33649/api/TestApi/TestMethod‘,
    data: {‘’:’hello’},
    contentType: ‘application/x-www-form-urlencoded’,
    dataType: ‘json’,
    success: function(data){ console.log(data) }
});
</code>
  

    
      Content-Type: application/x-www-form-urlencoded
in the request header and add a = before the JSON statement:
={“Name”:”Turbo Tina”,”Email”:”na@Turbo.Tina”}
</code>
  

    
      var person = { PersonId:1, Name:”James” }
$.ajax({
    type: ‘POST’,
    url: ‘http://mydomain/api/TestApi/TestMethod‘,
    data: JSON.stringify(person),
    contentType: ‘application/json; charset=utf-8’,
    dataType: ‘json’,
    success: function(data){ console.log(data) }
});
</code>
  

    
      [HttpPost]
public string TestMethod(Person person)
{
    return “Hello from http post web api controller: “ + person.Name;
}
</code>
  

使用

JSON.stringify（）

获取JSON格式的字符串，确保在进行AJAX调用时传递下面提到的属性：

• 
  contentType：’application / json’
  


• 
  dataType：’json’
  

下面是给jQuery的代码来调用asp.net web api的ajax：

        
          var product =
    JSON.stringify({
        productGroup: “Fablet”,
        productId: 1,
        productName: “Lumia 1525 64 GB”,
        sellingPrice: 700
    });
$.ajax({
    URL: ‘http://localhost/api/Products‘,
    type: ‘POST’,
    contentType: ‘application/json’,
    dataType: ‘json’,
    data: product,
    success: function (data, status, xhr) {
        alert(‘Success!’);
    },
    error: function (xhr, status, error) {
        alert(‘Update Error occurred - ‘ + error);
    }
});
        
      

确保您的WebAPI服务期望一个强类型对象，其结构与您传递的JSON相匹配。并确保您对要发布的JSON进行字符串化。

这是我的JavaScript（使用AngluarJS）：

    
      $scope.updateUserActivity = function (_objuserActivity) {
        $http
        ({
            method: ‘post’,
            url: ‘your url here’,
            headers: { ‘Content-Type’: ‘application/json’},
            data: JSON.stringify(_objuserActivity)
        })
        .then(function (response)
        {
            alert(“success”);
        })
        .catch(function (response)
        {
            alert(“failure”);
        })
        .finally(function ()
        {
        });
</code>
  

    
      [HttpPost]
[AcceptVerbs(“POST”)]
public string POSTMe([FromBody]Models.UserActivity _activity)
{
    return “hello”;
}
</code>
  

的
以下代码以json格式返回数据，而不是xml -Web API 2： -
</强>

    
      GlobalConfiguration.Configuration.Formatters.JsonFormatter.SerializerSettings.ReferenceLoopHandling = Newtonsoft.Json.ReferenceLoopHandling.Ignore;
        GlobalConfiguration.Configuration.Formatters.Remove(GlobalConfiguration.Configuration.Formatters.XmlFormatter);
</code>
  

1）在您的客户端，您可以发送http.post请求，如下所示

    
      var IndexInfo = JSON.stringify(this.scope.IndexTree);
this.$http.post(‘../../../api/EvaluationProcess/InsertEvaluationProcessInputType’, “‘“ + IndexInfo + “‘“ ).then((response: any) => {}
</code>
  

    
      public ApiResponce InsertEvaluationProcessInputType([FromBody]string IndexInfo)
    {
var des = (ApiReceivedListOfObjects)Newtonsoft.Json.JsonConvert.DeserializeObject(DecryptedProcessInfo, typeof(ApiReceivedListOfObjects));}
</code>
  

    
      public class ApiReceivedListOfObjects
    {
        public List element { get; set; }
}
</code>
  

    
      var resp = @”
    {
        “”element””: [
        {
            “”A””: “”A Jones””,
            “”B””: “”500015763””
        },
        {
            “”A””: “”B Smith””,
            “”B””: “”504986213””
        },
        {
            “”A””: “”C Brown””,
            “”B””: “”509034361””
        }
        ]
    }”;
</code>
  

    
      @model MVCClient.Models.ProductDetails

@{
    ViewBag.Title = “ProductDetails”;
}


ProductDetails



    

        
ProductDetails



        

            @Html.LabelFor(model => model.ProductName)
        

        


            
            @Html.ValidationMessageFor(model => model.ProductName)
        
    <div class="editor-label">
        @Html.LabelFor(model => model.ProductDetail)
    </div>
    <div class="editor-field">
        <input id="txt_desc" type="text" name="fname">
        @Html.ValidationMessageFor(model => model.ProductDetail)
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.Price)
    </div>
    <div class="editor-field">
        <input id="txt_price" type="text" name="fname">
        @Html.ValidationMessageFor(model => model.Price)
    </div>
    <p>
        <input id="Save" type="button" value="Create" />
    </p>
</fieldset>

    

        @Html.ActionLink(“Back to List”, “Index”)
    
@section Scripts {
    @Scripts.Render(“~/bundles/jqueryval”)
}
</code>
  

我刚刚玩这个并发现了一个相当奇怪的结果。假设您在C＃中拥有公共属性，如下所示：

    
      public class Customer
{
    public string contact_name;
    public string company_name;
}
</code>
  

    
      var customer = {contact_name :”Scott”,company_name:”HP”};
$.ajax({
    type: “POST”,
    data :JSON.stringify(customer),
    url: “api/Customer”,
    contentType: “application/json”
});
</code>
  

    
      public class Customer
{
    public string contact_name { get; set; }
    public string company_name { get; set; }
}
</code>
  

    
      $.ajax({
    type: “POST”,
    data :customer,
    url: “api/Customer”
});
</code>
  

    
      Content-Type:application/x-www-form-urlencoded
</code>