WebAPI Post模式下传递、接收参数的几种方法

最新推荐文章于 2024-05-30 17:23:32 发布
最新推荐文章于 2024-05-30 17:23:32 发布
阅读量8.4k 收藏 27
点赞数 7
分类专栏： ASP.NET 文章标签： webapi
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HerryDong/article/details/108201915
版权

创建实体类

前一篇博客讲了Get模式下的传递、接收参数的几种方法，现在来介绍一下Post模式下传递、接收参数的几种方法。首先还是老样子，创建一个空的ASP.NET WebAPI工程，在Models文件夹下创建一个实体类：User，代码如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace WebApi.Models
{
    public class User
    {
        /// <summary>
        /// 编号
        /// </summary>
        public int Id { get; set; }

        /// <summary>
        /// 用户性
        /// </summary>
        public string UserName { get; set; }

        /// <summary>
        /// 密码
        /// </summary>
        public string Password { get; set; }
    }
}

方法一：只传递一个参数

如果只是传递一个参数可以使用如下方法，需要注意的是该参数的key必须为空，同时后台必须加上[FromBody]标识。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>访问ASP.NET WebAPI</title>
    <script src="js/jquery-3.4.1.min.js"></script>
</head>
<body>
    <button onclick="getUserInfo()">确定</button>
    <script>
        function getUserInfo() {
            $.ajax({
                type: 'post',
                url: 'https://localhost:44399/api/User/GetUserInfo',
                data: {
                    '': '张三'
                },
                success: function (data) {
                    window.alert(data);
                }
            })
        }  
    </script>
</body>
</html>

using Newtonsoft.Json;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Web.Http;
using WebApi.Models;

namespace WebApi.Controllers
{
    public class UserController : ApiController
    {
        [HttpPost]
        public string GetUserInfo([FromBody] string userName)
        {
            return string.Format("名称：{0}", userName);
        }
    }
}

结果如下：
在这里插入图片描述

方法二：传递多个参数映射到实体类

如果希望前端参数映射到实体类可以使用如下方法：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>访问ASP.NET WebAPI</title>
    <script src="js/jquery-3.4.1.min.js"></script>
</head>
<body>
    <button onclick="getUserInfo()">确定</button>
    <script>
        function getUserInfo() {
            $.ajax({
                type: 'post',
                url: 'https://localhost:44399/api/User/GetUserInfo',
                data: {
                    id: 1,
                    userName: '张三',
                    password: '123456'
                },
                success: function (data) {
                    window.alert(data);
                }
            })
        }  
    </script>
</body>
</html>

using Newtonsoft.Json;
using Newtonsoft.Json.Linq;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Web.Http;
using WebApi.Models;

namespace WebApi.Controllers
{
    public class UserController : ApiController
    {
        [HttpPost]
        public string GetUserInfo([FromBody] User user)
        {
            return string.Format("编号：{0}，用户名：{1}，密码：{2}", user.Id, user.UserName, user.Password);
        }
    }
}

结果如下：
在这里插入图片描述

方法三：利用JObject接收多个参数（推荐）

这种方法比较推荐，无论是一个参数还是多个参数都能使用，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>访问ASP.NET WebAPI</title>
    <script src="js/jquery-3.4.1.min.js"></script>
</head>
<body>
    <button onclick="getUserInfo()">确定</button>
    <script>
        function getUserInfo() {
            $.ajax({
                type: 'post',
                url: 'https://localhost:44399/api/User/GetUserInfo',
                data: {
                    id: 1,
                    userName: '张三',
                    password: '123456'
                },
                success: function (data) {
                    window.alert(data);
                }
            })
        }  
    </script>
</body>
</html>

using Newtonsoft.Json;
using Newtonsoft.Json.Linq;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Web.Http;
using WebApi.Models;

namespace WebApi.Controllers
{
    public class UserController : ApiController
    {
        [HttpPost]
        public string GetUserInfo([FromBody] JObject obj)
        {
            int id = int.Parse(obj["id"].ToString());
            string userName = obj["userName"].ToString();
            string password = obj["password"].ToString();
            return string.Format("编号：{0}，用户名：{1}，密码：{2}", id, userName, password);
        }
    }
}

结果如下：
在这里插入图片描述

HerryDong
关注
  • 7
    点赞
  • 踩
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery向webApi提交post json数据
10-20
主要介绍了jQuery向webApi提交post json数据的方法，非常不错，需要的的朋友参考下
.NET WebAPI post参数传递.pdf
07-24
可行的传参形式 键值对对应 dynamic动态类型（非跨域） 实体类 JObject参数（推荐） 这里所说的键值对并非是一般的键值对，是指键为空，值不为空的键值对 实体类是相对来说比较简单的一种传参方式，跟我们平常采用的传参方式相似
Apipost最强使用教程【apipost如何解决参数依赖及接口之间传递数据】
最新发布
apex_eixl的博客
05-30 1069
B 接口请求参数依赖于 A 接口返回的数据，希望 B 接口发送请求的时候能获取 A 接口返回的数据作为请求参数。
ajax参数传递之[HttpGet]/[HttpPost]/[HttpPut]/[HttpDelete]请求
weixin_34293911的博客
03-03 923
　　$.ajax({ type: "get", url: "http://localhost:27221/api/Charging/GetByModel", contentType: "application/json", data: { ID: "1", NAME: "Jim", CREATETIME: "1988-09.
MVC和WebApi 使用get和post 传递参数。
July.Code的网络笔记
05-27 1万+
MVC和WebApi 使用get和post 传递参数。
webapi 之 post参数传递
weixin_30840253的博客
08-20 371
最近在写webapi，在写post请求接口时遇到了不少的问题，在此记录下来。 post请求的参数和get请求有点不一样，我们知道get请求的参数是通过url来传递的，而post请求则是通过http的请求体中传过来的，WebApi的post请求也需要从http的请求体里面去取参数。 单个参数错误写法 //错误的js ajax post写法 ...
ASP.NET MVC学习系列(二)-WebAPI请求
weixin_33861800的博客
08-19 728
　　继续接着上文 ASP.NET MVC学习系列(一)-WebAPI初探 来看看对于一般前台页面发起的get和post请求，我们在Web API中要如何来处理。 这里我使用Jquery 来发起异步请求实现数据调用。 　　继续使用上一文章中的示例，添加一个index.html页面，添加对jquery的引用。   一、无参数Get请求 　　一般的get请求我们可以使用jquery提供的$...
Vue+axios+WebApi+NPOI导出Excel文件实例方法
10-16
对于导出方案，有以下几种常见方法： 1. **使用location.href**：直接打开接口地址，但这种方法无法传递token，安全性较低，且仅支持GET请求。 2. **axios请求生成并保存文件**：先在服务器生成并保存文件，返回...
C#winform调用webapi.rar
05-12
为了调用WebAPI，我们需要创建一个HttpClient实例，设置必要的请求头（如Content-Type），然后使用`PostAsync`或`GetStringAsync`方法发送GET或POST请求。 3. **JSON序列化与反序列化**：在C#中，`Newtonsoft.Json`...
SpringMVC后台接收请求参数的几种方式Demo
10-03
我们将重点关注GET和POST请求，这两种请求方式在Web开发中最为常见。以下是对每种方式的详细说明： 1. **路径变量（Path Variables）** 在Spring MVC中，我们可以使用`@PathVariable`注解来捕获URL模板中的动态...
ajax 的post方法实例(带循环)
12-19
POST方法通常包含以下几个参数： 1. **url**：这是必需的第一个参数，指定服务器处理请求的URL。 2. **data**：这是必需的第二个参数，包含要发送到服务器的数据。它可以是一个字符串、对象或FormData实例。如果是...
html5通过postMessage进行跨域通信的方法
09-27
但`postMessage`提供了一种安全的方式，允许不同源的页面之间传递信息。本文将深入探讨`postMessage`的工作原理及其在跨域通信中的应用。 `postMessage`方法的基本语法如下： ```javascript otherWindow.post...
关于webapi post 使用多个参数的间接用法
weixin_30696427的博客
04-11 502
问题描述： Web Api 当使用Post提交的时候 由于只能接受一个参数 ，所以我们基本都会选择把所需要的参数，进行封装实体。 有的时候所需要的信息在其他两个实体中，还需要重新封装也不爽。 今天发现使用JObject 作为参数类型，可以避免自己创建实体。 引用：using Newtonsoft.Json.Linq;命名空间 public ResponsePar...
WebApi 中Post的3种传参
qq_45701634的博客
10-30 1005
1：基本传参，只有一个参数 <script> function Demo1() { $.ajax({ url: "/api/Product", type: "post", data: {"":"absf"}, ...
.NET WebAPI post参数传递
热门推荐
比海更深
08-30 3万+
可行的传参形式 键值对对应 dynamic动态类型（非跨域） 实体类 JObject参数（推荐） 1.键值对对应 这里所说的键值对并非是一般的键值对，是指键为空，值不为空的键值对 前台请求 $.ajax({ url: host + '/api/Source/TestParams', type:"post", data: { '': "Amon"}, ...
WebApi参数接收参考
飞翔的学习笔记
05-16 1333
.Net中使用WebApi参数接受一直是个问题，不同的传参方式后台接受的方式也不一样。之后.Net Core出来后WebApi也发生了变化，在.Net Framework时WebApi是有单独的ApiController的，在.Net Core时没有独立的ApiController了，这样接受参数上也会有一定的区别。传参有两种Get和Post方式，通过使用发现Get方式接受参数主要是Url传递其实还是比较简单的，Post方式就比较特殊了，内容是放在Body中的，因此不同时形式的传递方式接受就不一样了，为此做
web文件上传（三）--webapi后台接收参数和文件
xcymorningsun的专栏
10-27 2万+
今儿查了好多关于webapi接收前台同时传来的参数和文件，这一通查找啊，把谷歌百度都翻烂了，找了一堆乱七八糟的，和大家分享下。 好多人们是这样做的 public async Task PostFormData() { // Check if the request contains multipart/form-data.
ASP.NET Web API 2系列(二)：灵活多样的路由配置
weixin_30376453的博客
06-19 264
1. 导言 路由系统是请求消息进入ASP.NET Web API消息处理管道的第一道屏障，其根本目的在于利用注册的路由对请求的URL进行解析以确定目标HTTPController和Action的名称，以及与目标Action方法某个参数进行绑定的路由变量。 WebService和WCF的协议都是soap协议，数据的序列化和反序列化都是soap的格式。而WebAPI是基于Http协议，请求和返回格...
java后台接收前台数据
08-21
Java 后台可以使用 HttpServlet 类的 doPost() 方法来接收前台发送的数据。doPost() 方法的参数是 HttpServletRequest 和 HttpServletResponse 对象，分别用于获取请求信息和响应信息。 例如，下面是一个简单的 Servlet 类，用于接收前台发送的 POST 请求： ```java import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet("/receive-data") public class ReceiveDataServlet extends HttpServlet { @Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 获取请求中的参数 String param1 = request.getParameter("param1"); String param2 = request.getParameter("param2"); // 处理请求数据 // ... // 设置响应状态码和响应头 response.setStatus(HttpServletResponse.SC_OK); response.setContentType("application/json"); // 写入响应数据 response.getWriter().println("{\"status\":\"ok\"}"); } } ``` 然后，前台可以使用 XMLHttpRequest 或 fetch API 发送 POST 请求，例如： ```javascript fetch('/receive-data', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: 'param1=value1&param2=value2' }) .then(response => response.json()) .then(data => { console.log(data.status); }); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值