jq向webApi提交post json数据

时间:2024-08-18 21:04:38

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

如下:

              //js代码 
var d = {
Id: "1",
Name: "name",
Value: "OldValue",};
$.ajax({
type: "post",
url: url1,
data: JSON.stringify(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' 设置一下,还有就是,要注意的是直接把数组通过 json.stringify 传递过去( data:JSON.stringify(d), ),而不是想上面那种画蛇添足的加上一句(data:JSON.stringify( {pConfig:d}) ),这样就可以ok了;数据传输完全没有问题;

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