Asp.Net WebApi+JQuery Ajax的Post请求整理


一、总结

1.WebApi 默认支持Post提交处理,返回的结果为json对象,前台不需要手动反序列化处理。
2.WebApi 接收Post提交参数需要指定([FromBody] string name)
3.WebApi 中如果只接收一个基础类型参数,不能指定key的名称
4.WebApi Post请求Action只能接收一个参数,也就是说一个Action中[FromBody]仅可指定一次
5.WebApi Post请求处理多个参数可以使用类对象方式接收参数例如:Student
6.在接收Post参数时,如果不想定义类,可以使用Newtonsoft.Json.Linq的JObject json对象容器接收参数
7.(不推荐使用)此接收参数可以使用dynamic本质是使用的JObject,但是提交参数需要指定字符串类型,contentType: 'application/json',类似WebServer中的指定方式
8.在WebApi的Post请求处理中,后台的Action名称不能使用“GetXXX”方式命名

二、验证代码

1.单个参数传递

Post获取请求参数需要指定参数来源 [FromBody],

Post方式提交时,Action的名称不能使用'Get'名称开头,

如果只接收一个基础类型参数,不能指定key的名称

后台:

/// <summary>
/// Post获取请求参数需要指定参数来源 [FromBody]
/// </summary>
/// <param name="name"></param>
/// <returns></returns>
public string ShowName([FromBody] string name)
{
return $"您传入的名字:‘{name}’";
}
public Dictionary<string, string> FindList([FromBody] bool IsShow)
{
Dictionary<string, string> dict = new Dictionary<string, string>();
if (IsShow)
{
dict.Add("name1", "张三");
dict.Add("name2", "李四");
}
return dict;
}

JavaScript:

$.post('/api/postuser/showname', {
'': '张三丰'
}, function (data) {
console.info(data);
alert(data);
});
$.post('/api/postuser/FindList', {
'': true
}, function (data) {
console.info(data);
alert(data);
});

二、多个参数传递

1.指定类类型 Student

后台:

public class Student
{
public string Name { get; set; }
public int Age { get; set; }
}
/// <summary>
/// Post获取参数可以接收对象类型,接收多个参数
/// </summary>
/// <param name="stu"></param>
/// <returns></returns>
public string ShowName2([FromBody] Student stu)
{
return $"'{stu.Name}'的年龄为:{stu.Age}";
}

javascript:

$.post('/api/postuser/showname2', {
name: '张三丰',
age: 19
}, function (data) {
console.info(data);
alert(data);
});

2.使用JObject

后台:

/// <summary>
/// 在接收Post参数时,如果不想定义类,可以使用Newtonsoft.Json.Linq的JObject json对象容器接收参数
/// </summary>
/// <param name="obj"></param>
/// <returns></returns>
public object ShowName3([FromBody] JObject obj)
{
return new { name = obj["name"], age = obj["age"], success = true };
}

javascript:

//如果使用JObject,使用对象提交或者使用字符串提交后台都能获取成功
$.post('/api/postuser/showname3', {
name: '张三丰',
age: 19
}, function (data) {
console.info(data);
alert(data);
});

3.使用dynamic(不推荐)

后台:

/// <summary>
/// 在接收Post参数时,如果前台传入参数为一个字符串,可以使用dynamic类型接收,不需要指定[FromBody]
/// 此处obj的真正类型:FullName = "Newtonsoft.Json.Linq.JObject"
/// </summary>
/// <param name="obj"></param>
/// <returns></returns>
public object ShowName3(dynamic obj)
{
return new { name = obj["name"], age = obj["age"], success = true };
}

javascript:

//需要指定参数类型:contentType: 'application/json',类似WebServer中的指定方式
$.ajax({
url: '/api/postuser/showname3',
type:'post',
contentType: 'application/json',
data: JSON.stringify({ name: '张三丰', age: 19 }),
success: function (data) {
console.info(data);
alert(data);
}
});

Asp.Net WebApi+AngularJs $http的Post请求整理


一、总结

1.后台使用如上相同

2.$http服务的post在单个参数提交后台接收失败

3.$http的post提交后台要么使用类类型接收,要么使用JObject接收(包含单个或多个参数)

二、代码示例

1.单个参数

//单个参数提交,后台接收失败
$http.post('/api/postuser/showname', {
'': '张三'
}).then(function (result) {
console.info(result);
alert(result.data);
}).catch(function (err) {
console.info(err);
alert(err.data.Message);
}); //单个参数提交,后台使用JObject接收成功
$http.post('/api/postuser/showlist', {
isshow: false
}).then(function (result) {
console.info(result);
alert(result.data);
}).catch(function (err) {
console.info(err);
alert(err.data.Message);
});

2.多个参数

//多个参数提交,Student类型接收参数
$http.post('/api/postuser/showname2', {
name: '张三',
age: '15'
}).then(function (result) { //正确请求成功时处理
console.info(result);
alert(result.data);
}).catch(function (result) { //捕捉错误处理
console.info(result);
alert(result.data.Message);
});
//多个参数提交,JObject接收参数
//WebApi,相应结果为json对象,不需要手动发序列化处理
$http.post('/api/postuser/showname3', {
name: '张三',
age: '15'
}).then(function (result) { //正确请求成功时处理
console.info(result);
alert(result.data.name);
}).catch(function (result) { //捕捉错误处理
console.info(result);
alert(result.data.Message);
});

更多参考:

Asp.Net WebApi Get请求整理(一)

Asp.Net WebAPI Get提交、Post提交处理

Asp.Net WebApi Action命名中已‘Get’开头问题

Asp.Net WebApi Post请求整理(一)的更多相关文章

  1. Asp.Net WebApi Get请求整理(一)

    Asp.Net WebApi+JQuery Ajax的Get请求整理 一.总结 1.Asp.Net WebApi默认不支持Get请求,需要在Action方法上指定[HttpGet], 除非Action ...

  2. Asp.net webapi 判断请求参数是否为空简易方法 Model Validation 判断请求参数是否为空

    通常情况下,对于那些经常为别人提供数据接口的开发人员来说,对于调用方传递过来的参数都会有验证处理.例如: if (string.IsNullOrEmpty(entity.Name)) { //当姓名为 ...

  3. asp.net webapi http请求生命周期

    先附上webapi http生命周期图. 原始的图片地址为:https://www.asp.net/media/4071077/aspnet-web-api-poster.pdf

  4. Asp.Net WebApi 项目及依赖整理

    一.目前版本 Microsoft ASP.NET Web API 2.2 对应程序集版本5.2.3 二.默认生成的配置文件中的内容 <packages> <package id=&q ...

  5. Asp.Net WebApi开启Session回话

    一.在WebApi项目中默认没有开启Session回话支持.需要在Global中的Init()方法中指定会员需要支持的类型 public class WebApiApplication : Syste ...

  6. Asp.Net WebApi Action命名中已‘Get’开头问题

    ApiController 中的Action 命名已‘Get’开头,Post方法提交失败 场景: 1.action命名使用Get开头 /// <summary> /// 获取用户的未读消息 ...

  7. Asp.Net WebApi 使用OWIN架构后,出现 “没有 OWIN 身份验证管理器与此请求相关联(No OWIN authentication manager is associated with the request)” 异常的解决办法

    在Asp.Net WebApi 项目中使用OWIN模块之后,如果没有在OWIN的Startup类中配置认证方式,调用WebApi的相关Controller和Action就会出现如下异常: 出现错误. ...

  8. ASP.NET WebApi服务接口如何防止重复请求实现HTTP幂等性

    一.背景描述与课程介绍 明人不说暗话,跟着阿笨一起玩WebApi.在我们平时开发项目中可能会出现下面这些情况; 1).由于用户误操作,多次点击网页表单提交按钮.由于网速等原因造成页面卡顿,用户重复刷新 ...

  9. ASP.NET WebApi+Vue前后端分离之允许启用跨域请求

    前言: 这段时间接手了一个新需求,将一个ASP.NET MVC项目改成前后端分离项目.前端使用Vue,后端则是使用ASP.NET WebApi.在搭建完成前后端框架后,进行接口测试时发现了一个前后端分 ...

随机推荐

  1. circular_buffer

    编程有时需要使用定长的容器(fixed size container).实现旋转容器可以像下面这样: std::vector<T> vec(size); vec[i % size] = n ...

  2. IE8 不支持html5 placeholder的解决方案

    IE8不支持html5 placeholder的解决方法. /** * jQuery EnPlaceholder plug * version 1.0 2014.07.01戈志刚 * by Frans ...

  3. POJ 2429 GCD &amp; LCM Inverse(Pollard_Rho+dfs)

    [题目链接] http://poj.org/problem?id=2429 [题目大意] 给出最大公约数和最小公倍数,满足要求的x和y,且x+y最小 [题解] 我们发现,(x/gcd)*(y/gcd) ...

  4. iOS获取运营商信号强度

    此API是apple私有API,所以只可运用在越狱设备中,如果提交appstore,会遭遇apple的拒绝上架反馈! #import <dlfcn.h> int getSignalLeve ...

  5. Arch声卡配置

    ALSA Utilities Install the alsa-utils package. This contains (among other utilities) the alsamixer a ...

  6. YOLO 算法框架的使用一(初级)

    YOLO官方框架使用C写的,性能杠杠的,YOLO算法,我就不做过多介绍了.先简单介绍一下这个框架如何使用.这里默认是yolo2,yolo1接近过时.环境 推荐ubuntu 或者centos YOLO是 ...

  7. 让你变懒的 Android Studio Live Templates

    俗话说.不想偷懒的程序猿不是好程序猿.那么今天就教大家偷懒下! 先举个样例.我们在 Android 开发中输入 Toast ,然后会有例如以下例如以下的高速操作: 是不是非常方便? 有同学问,这不就是 ...

  8. JAVA入门[20]-Spring Data JPA简单示例

    Spring 对 JPA 的支持已经非常强大,开发者只需关心核心业务逻辑的实现代码,无需过多关注 EntityManager 的创建.事务处理等 JPA 相关的处理.Spring Data JPA更是 ...

  9. nginx内置变量总结

    nginx内置变量 2019-02-28 变量名称 变量用途 $atg_PARAMETER      客户端GET请求中   PARAMETER字段的值                        ...

  10. Python GUI

    1.flexx Flexx 是一个纯Python工具包,用来创建图形化界面应用程序.其使用 Web 技术进行界面的渲染.你可以用Flexx来创建桌面应用,同时也可以导出一个应用到独立的 HTML 文档 ...