jQuery向webApi提交post json数据

在页面想webApi post json数据的时候，发现webapi不能直接以json的方式接受数据(注：我是没有发现一个很好的方式来post json数据的);但是可以以数据结构的方式传递；

如下：

//js代码 
          var d = {
          Id: "1",
          Name: "name",
          Value: "OldValue", 7         };
        $.ajax({
          type: "post",
          url: url1,
          data: JSON.stringify({
            pConfig: d
          }),
          success:function(d){
          }
        });

public class Diff
  {
    public string Id { set; get; }
    public string Name { set; get; }
    public string Value { set; get; }
  }
 public Diff post([FromBody]Diff pConfig)
    {
      List<DiffConfig> s = pConfig;
      return s;
    }

像这样的代码是没有问题的；得到的是一个标准结构的数据；

但是如果改为下面的代码，就会发现没有数据

//js代码 
         var d = [{
           Id: "1",
           Name: "name",
           Value: "Value",
         },{
           Id: "2",
           Name: "name2",
           Value: "Value2",
         }];
         $.ajax({
          type: "post",
          url: url1,
           data: JSON.stringify({
             pConfig: d
          }),
           success:function(d){
         }
        });

public List<Diff> post([FromBody]List<Diff> diff)
     {
       List<Diff> d = diff;
       return d;
     }

这样的代码会发现，数据没有传过来，后面才发现，原来jq的ajax传输数据类型有问题；传输的数据类型contentType的默认值为 "application/x-www-form-urlencoded"。默认值适合大多数情况。但是却不能适应这次传输的值，把 contentType: 'application/json' 设置一下，就可以ok了；数据传输完全没有问题；

$.ajax({
      type: "post",
      dataType: 'json',
      url: url,
      contentType: 'application/json',
      data: JSON.stringify(d),
      success: function (d) {
       
      }
    });

以上所述是小编给大家介绍的jQuery向webApi提交post json数据，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# jq # post # json # ajax实现用户名校验的传统和jquery的$.post方式(实例讲解) # 关于jQuery.ajax()的jsonp碰上post详解 # 详谈jQuery Ajax(load # get # ajax)的用法 # jquery中AJAX请求 $.post方法的使用 # JQuery异步post上传表单数据标准化模板 # 小编 # 的是 # 我是 # 就会 # 很好 # 在此 # 数据结构 # 给大家 # 才发现 # 所述 # 给我留言 # 值为 # 感谢大家 # 就可以 # 默认值 # 疑问请 # 有任何 # url # type # ajax

返回目录在线咨询

上一篇：称号在线制作网站免费下载,怎么快速搜索自己职业称号？
下一篇：本地php环境怎么连接远程数据库_远程数据库连接配置【跨服】

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

jQuery向webApi提交post json数据

您的项目需求