jq向webApi提交post json數據

来源:http://www.cnblogs.com/xiaoxiaoqiye/archive/2017/01/16/6288847.html
-Advertisement-
Play Games

在頁面想webApi post json數據的時候,發現webapi不能直接以json的方式接受數據(註:我是沒有發現一個很好的方式來post json數據的);但是可以以數據結構的方式傳遞; 如下: 1 public class Diff 2 { 3 public string Id { set; ...


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

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 參考頁面: http://www.yuanjiaocheng.net/webapi/create-crud-api-1-delete.html http://www.yuanjiaocheng.net/webapi/Consume-web-api.html http://www.yuanjiaoch ...
  • 參考頁面: http://www.yuanjiaocheng.net/entity/entity-relations.html http://www.yuanjiaocheng.net/entity/entity-lifecycle.html http://www.yuanjiaocheng.net ...
  • 參考頁面: http://www.yuanjiaocheng.net/Entity/first.html http://www.yuanjiaocheng.net/Entity/jieshao.html http://www.yuanjiaocheng.net/entity/tixijiegou.h ...
  • asp.net core + mysql + ef core + linux 以前開髮網站是針對windows平臺,在iis上部署。由於這次需求的目標伺服器是linux系統,就嘗試用跨平臺的.NET core來開發和部署。結果還是比較滿意,整個過程如下,歡迎交流: 開發環境: Win10 Vs201 ...
  • 上一篇, 出現了一個至關重要的類:MvcHandler, 接下來就來看一下MvcHandler吧. 先不看具體方法, 先看一下類裡面的情況. 從上面看, 有兩種執行方式, 一種是同步的, 一種是非同步的. 那預設情況下, 其實會走非同步的方式. 但是這裡呢, 我想用同步的方式去分析, 其實過程原理都是一 ...
  • 當源類型與目標類型不是基元類型時CLR便不能自己進行編譯轉換。 下例為Rational(有理數類型)與string,int的轉化。 轉換操作符是將對象從一個類型轉化成另一個類型的方法。可以使用特殊語法來定義裝換操作符方法。 CLR要求轉換操作符的重載方法必須是public 和static方法。c#要 ...
  • 轉載自: http://blog.csdn.net/xmxkf/article/details/51454685 本文出自:【openXu的博客】 ...
  • 單元測試的核心就是:只測試眼前的邏輯。這就要求所有的依賴項都要使用仿類來代替,也就是所謂的 Mock Object。在測試 和 的時候,我遇到了需要對 和 進行 Mock 的需求。因為這兩個組件相互依賴,還依賴別的組件,我折騰了好一陣才搞定這個問題。具體的方法分兩種:直接使用 Moq 進行 Mock ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...