在頁面想webApi post json數據的時候,發現webapi不能直接以json的方式接受數據(注:我是沒有發現一個很好的方式來post json數據的);但是可以以數據結構的方式傳遞;
如下:
1 //js代碼
var d = { 2 Id: "1", 3 Name: "name", 4 Value: "OldValue", 7 }; 8 $.ajax({ 9 type: "post", 10 url: url1, 11 data: JSON.stringify({ 12 pConfig: d 13 }), 14 success:function(d){ 15 16 } 17 });

1 public class Diff
2 {
3 public string Id { set; get; }
4 public string Name { set; get; }
5 public string Value { set; get; }
6 }
7 public Diff post([FromBody]Diff pConfig)
8 {
9 List<DiffConfig> s = pConfig;
10 return s;
11 }
View Code
像這樣的代碼是沒有問題的;得到的是一個標准結構的數據;
但是如果改為下面的代碼,就會發現沒有數據

1 //js代碼
2 var d = [{
3 Id: "1",
4 Name: "name",
5 Value: "Value",
6 },{
7 Id: "2",
8 Name: "name2",
9 Value: "Value2",
10 }];
11 $.ajax({
12 type: "post",
13 url: url1,
14 data: JSON.stringify({
15 pConfig: d
16 }),
17 success:function(d){
18
19 }
20 });
View Code

1 public List<Diff> post([FromBody]List<Diff> diff)
2 {
3 List<Diff> d = diff;
4 return d;
5 }
View Code
這樣的代碼會發現,數據沒有傳過來,後面才發現,原來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) {
}
});