Ajax 以Post 方式訪問 WebAPI 服務

本文轉載自查看原文 2020-03-30 22:00 746 ASP.NET

第一種服務方法 [FromBody]string 單值參數

 1 [HttpPost]
 2         public string PostWebNameOne([FromBody]string para)
 3         {
 4             Dictionary<string, string> dict = new Dictionary<string, string>();
 5             
 6             dict.Add("測試",para);
 7           
 8             return Tools.ConvertToJsonStr(dict);
 9 
10         }

JQuery 調用方式

 1 $.ajax({
 2                 type: "post",
 3                 dataType: 'json',//服務器返回json格式數據
 4                 //contentType: 'application/json',//如果是針對[FromBody]string 參數  contentType 需要注釋掉，不然會接收不到值
 5                  
 6                 headers: { Authorization: "lzsin" },
 7 
 8                 url: "http://localhost:10450/api/EmpInfo/PostWebNameOne",
 9                data: { "": "參數值" },
10               
11 
12                 success: function (data, response, status) {
13 
14                     alert(data);
15 
16                 },
17                 error: function (data) {
18                     console.log(data);
19                     alert('失敗!' + data["responseText"]);
20                   
21                 }
22 
23             });

第二種服務方法傳遞實體或對象

 1 [AllowAnonymousAttribute]
 2         [HttpPost]
 3         public string PostWebName(dynamic login)
 4         {
 5             Dictionary<string, string> dict = new Dictionary<string, string>();
 6             dict.Add("姓名", Convert.ToString(login.name));
 7             dict.Add("密碼", Convert.ToString(login.pwd));
 8 
 9             return Tools.ConvertToJsonStr(dict);
10 
11         }

JQuery 調用方式

 1 $.ajax({
 2                 type: "post",
 3                 dataType: 'json',//服務器返回json格式數據
 4                  contentType: 'application/json',//如果是針對[FromBody]string 參數  contentType 需要注釋掉，不然會接收不到值
 5                  url: "http://localhost:10450/api/EmpInfo/PostWebName",
 6                 data: JSON.stringify({ name: "用戶名", pwd: "用戶密碼" }),
 7                 headers: { Authorization: "lzsin" },
 8                 success: function (data, response, status) {
 9 
10                     alert(data);
11 
12                 },
13                 error: function (data) {
14                     console.log(data);
15                     alert('失敗!' + data["responseText"], data, 'warning');
16                   
17                 }
18 
19             });

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 ajax post提交的方式 laravel Ajax post方式的使用 layui表單提交與ajax訪問webapi WebApi接收post方式傳入的json數據 WebAPI GET和POST請求的幾種方式 ajax post方式下載后台傳來的文件（C#）AJAX post方式傳值 ajax中get和post請求方式的區別 MVC 使用AJAX POST上傳圖片的方式 ajax請求的時候get 和post方式的區別：

Ajax 以Post 方式 訪問 WebAPI 服務

免責聲明！

Ajax 以Post 方式訪問 WebAPI 服務