程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> 關於.NET >> jq向webApi提交post json數據,jqwebapipostjson

jq向webApi提交post json數據,jqwebapipostjson

編輯:關於.NET

jq向webApi提交post json數據,jqwebapipostjson


    在頁面想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) {
              
            }
        });

 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved