本文详细介绍了如何通过Ajax调用ASP.NET WebAPI的两种方法，分别对应于传递单个字符串参数和传递实体对象。在第一种方法中，使用[FromBody]string参数，Ajax请求时需要注释掉contentType。第二种方法则是传递动态对象，利用JSON.stringify将对象序列化。示例代码包括了JQuery的Ajax调用方式及其对应的服务器端处理方法。
第一种服务方法 [FromBody]string 单值参数
1 [HttpPost]
2 public string PostWebNameOne([FromBody]string para)
3 {
4 Dictionary dict = new Dictionary();
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 dict = new Dictionary();
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 });
标签：WebAPI,contentType,string,Dictionary,json,Ajax,dict,Post,data
来源： https://www.cnblogs.com/lzsin/p/12601611.html
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
