最近在写webapi,在写post请求接口时遇到了不少的问题,在此记录下来。

post请求的参数和get请求有点不一样,我们知道get请求的参数是通过url来传递的,而post请求则是通过http的请求体中传过来的,WebApi的post请求也需要从http的请求体里面去取参数。

单个参数错误写法

  1. //错误的js ajax post写法
  2. $.ajax({
  3. type:"post",
  4. url:"http://localhost:44670/IOF/test/Test1",
  5. data:{name:"张三丰"},
  6. success:function(data,status){
  7. console.log(data);
  8. console.log(status);
  9. }
  10. });
  1. //错误的webapi写法
  2. [HttpPost]
  3. public string Test1(string name)
  4. {
  5. return name;
  6. }

上面的写法看似很正确,实际上结果这这样的

 
 

而且我们在asp.net webapi里打上断点是无法跳转到断点的。

我们更改asp.net webapi(在参数中添加 [FromBody] ),如下

  1. [HttpPost]
  2. public string Test1([FromBody] string name)
  3. {
  4. return name;
  5. }

我们仍然用上面的js来调用接口Test1
此时就可以看到程序跳转到了断点处,但是我们发现name是空值

 
 

单个参数正确写法

  1. //正确的js写法
  2. $.ajax({
  3. type:"post",
  4. url:"http://localhost:44670/IOF/test/Test1",
  5. data:{"":"张三丰"},
  6. success:function(data,status){
  7. console.log(data);
  8. console.log(status);
  9. }
  10. });
  1. //正确的webapi写法
  2. [HttpPost]
  3. public string Test1([FromBody] string name)
  4. {
  5. return name;
  6. }

此时我们就看到Status Code是200OK了,webapi也拿到了传递过来的name值了

 
 
 
 

我们一般的通过url取参数的机制是键值对,即某一个key等于某一个value,而这里的FromBody和我们一般通过url取参数的机制则不同,它的机制是=value,没有key的概念,并且如果你写了key(比如ajax参数写的{name:"张三丰"}),后台反而得到的name等于null。


上面是传递1个参数,那如果是多个呢?是不是ajax可以这样写{" ":"张三丰"," ":"13200000000"},后台可以这样写[FromBody] string name,[FromBody] string phone

多个参数错误写法

  1. //错误的写法
  2. $.ajax({
  3. type:"post",
  4. url:"http://localhost:44670/IOF/test/Test1",
  5. data:{"":"张三丰","":"13200000000"},
  6. success:function(data,status){
  7. console.log(data);
  8. console.log(status);
  9. }
  10. });
  1. //错误的写法
  2. [HttpPost]
  3. public string Test1([FromBody] string name, [FromBody] string phone)
  4. {
  5. return name + ":" + phone;
  6. }
 
 

说明这样是行不通的。

多个参数正确写法

  1. //正确写法
  2. $.ajax({
  3. type:"post",
  4. url:"http://localhost:44670/IOF/test/Test1",
  5. data:{name:"张三丰",phone:"13200000000"},
  6. success:function(data,status){
  7. console.log(data);
  8. console.log(status);
  9. }
  10. });
  1. //test:新建一个类如包涵所有的参数
  2. public class test
  3. {
  4. private string name;
  5. private string phone;
  6. public string Name
  7. {
  8. get{return name;}
  9. set{ name = value;}
  10. }
  11. public string Phone
  12. {
  13. get{return phone;}
  14. set{phone = value;}
  15. }
  16. }
  1. //正确写法
  2. [HttpPost]
  3. public string Test1([FromBody] test model)
  4. {
  5. return model.Name;
  6. }
 
 
 
 

如果我们的webapi都是post,而且每个都是多个参数,那岂不是要创建很多的类来接收post过来的值?作为一个爱偷懒的程序员,那怎么可以!!

最优写法

  1. // JSON.stringify():这个函数的作用主要是为了序列化对象的。
  2. $.ajax({
  3. type:"post",
  4. url:"http://localhost:44670/IOF/test/Test1",
  5. contentType: 'application/json',
  6. data:JSON.stringify({name:"张三丰",phone:"13200000000"}),
  7. success:function(data,status){
  8. console.log(data);
  9. console.log(status);
  10. }
  11. });
  1. //webapi 要换个写法,dynamic:序列化
  2. [HttpPost]
  3. public string Test1(dynamic obj)
  4. {
  5. return obj.name;
  6. }

我们把js要传递的参数序列化,然后通过后来dynamic来接收序列化的值。

 
 

总结

以上就是post请求参数传递的几种方法,推荐使用最好一种【最优写法】。

转自:https://www.jianshu.com/p/26999e75cfba

webapi 之 post参数传递的更多相关文章

  1. WebApi中的参数传递

    在WebApi开发过程中,遇到一些客户端参数格式传输错误,经常被问到参数如何传递的一些问题,因此就用这篇博客做一下总结,肯定其它地方呢也有类似的一些文章,但是我还是喜欢通过这种方式将自己的理解记录下来 ...

  2. .net core Web API参数绑定规则

    参数推理绑定 先从一个问题说起,微信小程序按照WebAPI定义的参数传递,Get请求服务器端可以正常接收到参数,但是Post请求取不到. Web API代码(.netcore 3.1)如下: [Htt ...

  3. webApi中参数传递

    webApi中参数传递 一:无参数的get方法: 前端:    function GetNoParam() { //为了统一:我们都采用$.ajax({}) 方法; $.ajax({ url: '/a ...

  4. webapi 参数传递详解

    原因 经常有朋友遇到webapi参数传递问题,自己也碰到过一些坑,在此记录下正确的姿势,简单参数传递相信没有人会有问题,容易出现问题的是对象参数和表单参数. 1.WebApi5.2.3有FromBod ...

  5. .NET Core WebAPI post参数传递时后端的接收方式

    .NET Core WebAPI post参数传递时后端的接收方式 实体类 dynamic动态类型 JObject参数 单值参数(字符串参数) A.前端Post请求代码 $.ajax({ url: & ...

  6. [转]webApi 参数传递总结

    在WebAPI中,请求主体(HttpContent)只能被读取一次,不被缓存,只能向前读取的流. 举例子说明: 1. 请求地址:/?id=123&name=bob 服务端方法: void Ac ...

  7. WebApi参数传递

    c# webapi的参数传递方式:1.查询字符串(query string):2.内容主体(content body) 当然也有cookie或url部分或头部信息(header)等其它传方式,这里仅讨 ...

  8. WebApi参数传递总结

    在WebAPI中,请求主体(HttpContent)只能被读取一次,不被缓存,只能向前读取的流. 举例子说明: 1. 请求地址:/?id=123&name=bob 服务端方法: void Ac ...

  9. WebApi参数传递实例

    Get 1.基础数据类型 1.1方法只含有一个形参 (1)Get传值的本质是通过url字符串拼接(2)Get传递参数本质是url字符串拼接,Request-Head头部传递,Request-Body中 ...

随机推荐

  1. 前端 - 轮询, 长轮训, websocket

    轮询 概念 ajax 轮询的原理很简单,让浏览器间隔几秒就发送一次请求,询问服务器是否有新信息 代码 function showUnreadNews() { $(document).ready(fun ...

  2. Qt编写数据可视化大屏界面电子看板8-调整间距

    一.前言 在数据可视化大屏界面电子看板系统中,前期为了使用目标客户机,调整间距是必不可少的工作,QMainWindow中的QDockWidget,会默认生成布局和QSplitter调整宽高大小,鼠标移 ...

  3. Hadoop常用命令介绍

    本文主要介绍 Hadoop 常用的命令. test命令 用于检测文件或目录是否存在,判断文件或目录大小. -test -[defsz] <path> : Answer various qu ...

  4. 提取站长之家IP批量查询

    1.工具说明 写报告的时候为了细致性,要把IP地址对应的地区给整理出来.500多条IP地址找出对应地区复制粘贴到报告里整了一个上午. 为了下次更好的完成这项重复性很高的工作,所以写了这个小的脚本. 使 ...

  5. 创建多个Fragment可滑动界面

    创建新项目,选择Tabbed Activity 默认就有2个Fragment,这里我们删除相关代码. 在切换时 FragmentPagerAdapter onDestroyView onCreateV ...

  6. poj2318(叉积判断点在直线左右+二分)

    题目链接:https://vjudge.net/problem/POJ-2318 题意:有n条线将矩形分成n+1块,m个点落在矩形内,求每一块点的个数. 思路: 最近开始肝计算几何,之前的几何题基本处 ...

  7. 究竟什么是Java异常?

    第四阶段 IO 异常处理 没有完美的程序,所以我们需要不断地完善,考虑各种可能性,我们要将除了自己以外的任何用户或者操作者都当成傻子来考虑问题 在我们开发过程中 我们运行时常常会遇到 这样java.l ...

  8. Scrapy payload 报错400

    首先Scrapy 发送payload请求格式如下: def start_requests(self): querystr = { "ctoken": "U-ang1zmp ...

  9. 关于MD5加盐使用

    md5 是一种数据加密,例子是对123456 进行了两次加盐 第一次是 inputPassToFormPass   salt是固定的 1a2b3c4d 第二次是  formPassToDBPass s ...

  10. (二十三)Dbutils 工具介绍

    目录 Dbutils简介 API 介绍 Dbutils 已实现的结果集处理器 : Dbutils简介 commons-dbutis 是Apache 组织提供的一个开源JDBC工具类库,它对JDBC进行 ...