fetch如何以application/x-www-form-urlencoded与webapi交互？-CSDN论坛

fetch如何以application/x-www-form-urlencoded与webapi交互？

.NET技术 > ASP.NET

收藏回复

[问题点数：50分]

⋅EF DBFirst方式多对多联合主键如何进行联查

⋅fetch如何以application/x-www-form-urlencoded与webapi交互？

⋅WPF拖控件和画控件有区别吗？为什么拖控件特别慢？

更多帖子

关注私信空间博客

lovebaby

等级

本版专家分：7507

勋章

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！

结帖率 95.45%

fetch("http://localhost:58513/api/decheng/", {

                method: 'POST',

                    headers: {

                        'Content-Type': 'application/x-www-form-urlencoded',

                    },

                    body: { "LogId": 3, "UserName": "test" },

            })

fetch通过如上代码，在webapi是无法获取到值的，不知道正确的方法应该是什么？

采用'Content-Type': 'application/json'，传递json字符串是可以的，我只是想知道当'Content-Type': 'application/x-www-form-urlencoded'时如何向webapi传递参数及获取值

2020-04-01 09:47:56

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅c#与webassembly ⋅业务系统用KV数据库可以吗? ⋅csdn论坛是程序的淘宝了 更多帖子 关注私信空间博客 mirror030 等级 本版专家分：2256: 默认就是以表单参数传递的.
webapi要从formdata中取参数
如果是json传递,要从inputstream中取
url参数,querystring取.
前后对应好了就没有问题

2020-04-01 09:56:32

点赞只看TA 引用举报 #1得分 0

⋅EF DBFirst方式多对多联合主键如何进行联查

⋅fetch如何以application/x-www-form-urlencoded与webapi交互？

⋅WPF拖控件和画控件有区别吗？为什么拖控件特别慢？

更多帖子

关注私信空间博客

lovebaby

等级

本版专家分：7507

勋章

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！: 默认应该是text/plain吧，我如果去掉Content-Type，会显示

这一点应该是和ajax不同的。

传递json字符串的话，是可以正常解析的。只是我想知道如何传递formdata，在WEBAPI端又如何获取到传递的formdata？

2020-04-01 10:17:00

点赞只看TA 引用举报 #2得分 0

⋅vscode连接tfvc提交描述中文乱码.

⋅user32.dll注册了HotKey导致原功能失效的问题.

⋅如何获取vs中tfs方案里某个程序集.方法的更改人?

更多帖子

关注私信空间博客

版主

by_封爱

等级

本版专家分：35198

勋章

签到王者 累计签到获取，不积跬步，无以至千里，继续坚持！

脉脉勋章 绑定脉脉第三方账户获得

GitHub 绑定GitHub第三方账户获取

领英绑定领英第三方账户获取

这个问题我之前研究过.你可以看下我之前写的帖子.

https://bbs.csdn.net/topics/392146314

这个你只能约束一下前台客户端了.

如果客户端采用formdata方式你api中的方法如果使用frombody 这种特性的对象是无法收到值的.

你只能



HttpContextBase context = (HttpContextBase)Request.Properties["MS_HttpContext"];

HttpRequestBase request = context.Request;

var id= request.Form["id"];

这种形式.. 虽然你可以获取所有的form . 自己进行转换.. 但是还是比较麻烦的.

而且这种形式 key还不能重复..

所以你就约束前台调用只能postjson这种方式就行了.. 目前我还没有太好的解决方案.. 因为是自己不想写太多的代码..

2020-04-01 11:04:19

点赞只看TA 引用举报 #3得分 0

引用 3 楼 by_封爱的回复:

这个问题我之前研究过.你可以看下我之前写的帖子.

https://bbs.csdn.net/topics/392146314

这个你只能约束一下前台客户端了.

如果客户端采用formdata方式你api中的方法如果使用frombody 这种特性的对象是无法收到值的.

你只能
HttpContextBase context = (HttpContextBase)Request.Properties["MS_HttpContext"];

HttpRequestBase request = context.Request;

var id= request.Form["id"];
这种形式.. 虽然你可以获取所有的form . 自己进行转换.. 但是还是比较麻烦的.

而且这种形式 key还不能重复..

所以你就约束前台调用只能postjson这种方式就行了.. 目前我还没有太好的解决方案.. 因为是自己不想写太多的代码..

是的，我也是和你一样，想知道有没有办法在使用frombody的情况下，获取formdata的值。

2020-04-01 14:23:16

点赞只看TA 引用举报 #4得分 0

⋅EF DBFirst方式多对多联合主键如何进行联查

⋅fetch如何以application/x-www-form-urlencoded与webapi交互？

⋅WPF拖控件和画控件有区别吗？为什么拖控件特别慢？

更多帖子

关注私信空间博客

lovebaby

等级

本版专家分：7507

勋章

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！: 感谢！如果没有更好的办法，那就只能限制客户端传值方式了

2020-04-01 14:24:08

点赞只看TA 引用举报 #5得分 0

⋅帮我删除帖子 ⋅ASP.NET CORE 是不能调用C++ 的dll ⋅问个依赖注入的问题 更多帖子 关注私信空间博客 楠小南 等级 本版专家分：2499: 后端重载看行不行，只能这样

2020-04-01 15:52:15

点赞只看TA 引用举报 #6得分 0

⋅vscode连接tfvc提交描述中文乱码.

⋅user32.dll注册了HotKey导致原功能失效的问题.

⋅如何获取vs中tfs方案里某个程序集.方法的更改人?

更多帖子

关注私信空间博客

版主

by_封爱

等级

本版专家分：35198

勋章

签到王者 累计签到获取，不积跬步，无以至千里，继续坚持！

脉脉勋章 绑定脉脉第三方账户获得

GitHub 绑定GitHub第三方账户获取

领英绑定领英第三方账户获取: 其实我最初做这种的想法是这样的..

因为调用者一般都不清楚从哪里copy过来的webclient. 然后就请求.

一般有2种type 一种是formdata一种是json 我想作为服务端能解析2种不同的方式.而不用强制客户端.

微信公众号的接口就是能兼容2种模式..

后来想了下实现起来比较麻烦.. 我就懒得弄了. .

2020-04-01 16:20:21

点赞只看TA 引用举报 #7得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 big_cheng 等级 本版专家分：0: fetch 'application/x-www-form-urlencoded'
    用URLSearchParams
fetch 'multipart/form-data'
    用FormData
fetch 'application/json'
    用JSON.stringify({})
如果未指定'Content-Type', Chrome 会根据body 猜测.

2020-07-30 11:50:46

点赞只看TA 引用举报 #8得分 0

⋅学习go语言的一点体会 ⋅分析一下这代码 ⋅请教一个协程死锁的问题 更多帖子 关注私信空间博客 ying1234 等级 本版专家分：1723: 引用 7 楼 by_封爱的回复:
其实我最初做这种的想法是这样的..

因为调用者一般都不清楚从哪里copy过来的webclient. 然后就请求.

一般有2种type 一种是formdata一种是json 我想作为服务端能解析2种不同的方式.而不用强制客户端.

微信公众号的接口就是能兼容2种模式..

后来想了下实现起来比较麻烦.. 我就懒得弄了. .

也不麻烦，做一个公用的接收参数类，就是翻译类，把所有类型的参数转换成字典类型的。默认用form接收，form里没数据就用json接收，简单，一般就这两种就行了，或者用Content-Type判断也可以，

2020-07-30 13:31:41

点赞只看TA 引用举报 #9得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 Li59297 等级 本版专家分：0: body: 'LogId=3&UserName=test'

2021-02-24 17:43:12

点赞只看TA 引用举报 #10得分 0

收起

收藏回复

lovebaby

等级：

: 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！

关注私信 TA的帖子

四种常见的 POST 提交数据方式（application/x-www-form-urlencoded，multipart/form-data，application/...: 四种常见的 POST 提交数据方式（application/x-www-form-urlencoded，multipart/form-data，application/json，text/xml）转载：https://www.topjishu.com/6324.htmlHTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、...

Python的web框架Django（1）：HTTP、简介、静态文件配置、路由系统、视图函数、模板语言、ORM、Ajax、分页...: ... 请求格式 POST（方法） /form/entry（URI） HTTP/1.1（协议版本） HOST：hackr.jp（服务端地址） ...Content-Type：application/x-www-form-urlencoded Content-Length：16 name=nero&age...

Vue实现前后端交互方式（Promise、fetch、axios、async/await）: 目录1. 前后端交互模式1.1 接口调用方式1.2 ... 接口调用-fetch用法3.1 fetch概述3.2 fetch的基本用法3.3 fetch请求参数3.4 fetch响应结果4. 接口调用-axios用法4.1 axios的基本特征4.2 axios的基本用法4.3 axios的常

使用Node.JS，React，Redux和Redux-saga Part3：身份验证构建Retrogames存档: Here we are at the last part of the Retrogames Archive tutorial. We have now a full working app written in JavaScript and it's pretty much what we were looking to achieve. 这里是Retrogames Archive...

vue入门: 1. Vue.js 1.1. Vue.js是什么? 1). 作用: 动态构建用户界面 2).... * 遵循MVVM模式 ... 与其它框架的关联: * 借鉴angular的模板和数据绑定技术 * 借鉴react的组件化和虚拟DOM技术 4). vue包含一系列...

react-native-easy-app 详解与使用之（二） fetch: react-native-easy-app 是一款为React Native App快速开发提供基础服务的纯JS库(支持 IOS &...对fetch进行封装，使得开发者只需关注当前App的前后台交互逻辑和协议，定义好参数设置及解析逻辑即可。重新封装了RN

Vue.js的axios && fetch &&计算属性 && 侦听属性 @ stage3---week2--day1: axios 理解静态请求：因为我们现在流行的事前后端分离，所以当后端还没有给我们接口的时候，我们也需要正常进行开发，所以我们需要进行数据模拟数据模拟： 1. 爬取线上的，拷贝 copy response ...

native react 可伸缩背景_react-native-easy-app 详解与使用之（二） fetch: react-native-easy-app是一款为React Native App快速开发提供基础服务的纯JS库(支持 IOS & Android)，特别是在从0到1的项目搭建初期，至少可以为开发者减少30%的工作量。react-native-easy-app...2. 对fetch进行...

native方法_react-native-easy-app 详解与使用之（二） fetch: react-native-easy-app是一款为React Native App快速开发提供基础服务的纯JS库(支持 IOS & Android)，特别是在从0到1的项目搭建初期，至少可以为开发者减少30%的工作量。react-native-easy-app...2. 对fetch进行...

浏览器同源策略--跨域: 跨域这两个字就像一块狗皮膏药一样黏在每一个前端开发者身上，无论你在工作上或者面试中无可避免会遇到这个问题。为了应付面试，我每次都随便背几个方案，也不知道为什么要这样干，反正面完就可以扔了，我想工作上...

Vue.js 的axios && fetch && 计算属性&& 侦听属性 @stage3---week2--day1: axios 理解静态请求：因为我们现在流行的事前后端分离，所以当后端还没有给我们接口的时候，我们也需要正常进行开发，所以我们需要进行数据模拟数据模拟： 1. 爬取线上的，拷贝 copy response ...

如何使create-react-app与Node Back-end API一起使用: This is a very common question among newer React developers, and one question I had when I was starting out with React and Node.js. In this short example I will show you how to make create-react-app w...

HTML5新API详解之扩展XMLHttpRequest API、Ajax及Fetch API: 一、XMLHttpRequest API XMLHttpRequest详解 XMLHttpRequest 是一个浏览器接口，使得 Javascript 可以进行 HTTP (S) 通信。最早，微软在 IE 5 引进了这个接口。因为它太有用，其他浏览器也模仿部署了，ajax 操作因此...

Zepto中文API: Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。设计的目的是提供jquery的类似的APIs，但并不是100%覆盖jquery为目的。zepto设计的目的...

微服务API网关-kong初探: Kong是一个clould-native、快速的、可扩展的、分布式的微服务抽象层（也称为API网关、API中间件或在某些情况下称为服务网格）框架。更确切地说，Kong是一个在Nginx中运行的Lua应用程序，并且可以通过lua-nginx模块...

Vue及Element UI&vue-element-admin简记: 文章目录概念索引安装vue基本语法声明式渲染动态参数双向绑定数据绑定中进行数据处理使用JS表达式计算属性侦听器Class 与 Style 的数据绑定Class的数据绑定Style的数据绑定条件与循环条件渲染v-if指令v-show指令列表...

ES6 fetch函数与后台交互: 看了看官方文档,推荐使用es6的fetch来与后端进行交互,在网上找了一些资料.在这里整理,方便以后查询. 1.RN官方文档中,可使用XMLHttpRequest var request = new XMLHttpRequest(); request.onreadystatechange =...

Web跨域请求及其解决方案: 目录一、理论概述 1. 什么是跨域请求（Cross-domain Request） 2. 浏览器的同源策略（Same-origin Policy） 3. 存在的安全风险 4. CSRF攻击简介二、跨域方案 ...Access-Control-Allow-Or...

spring boot+iview 前后端分离架构之前后端交互的实现（六）: spring boot 与 iview 前后端分离架构之前后端交互的实现（六）axios的跨域访问工具的封装实现实现前后端交互-后端的实现实现前后端交互-前端的实现bug修复mysql的maven依赖的版本问题导致启动报错 axios的跨域访问...

web面试题: js实现浏览器缓存清除：①meta方法：//不缓存<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <...Cache-Control"...no-cache, must-revalidate"... CON

Elasticsearch-7.1.x学习笔记: 文章目录1. 单节点安装2. ES安装head插件3. Elasticsearch Rest基本操作REST介绍CURL创建索引库查询索引-GETDSL查询MGET查询HEAD的使用ES更新索引ES删除索引ES批量操作-bulkES版本控制4. Elasticsearch 核心概念...

spring boot + Vue + iView前后端分离架构(Mac版) -- (五)前后端交互: spring boot + Vue + iView前后端分离...在前端项目hep-admin-web中的 src下创建lib目录，该目录主要用于存放axios封装的实现，并创建axios.js和api.request.js文件。 axios.js import Axios from 'axios'; import {...

es6系统学习: -------------------------武汉加油！陕西加油！中国加油！-------------------2020-02-18------ 终于要学es6，开心~ 2-1声明变量的问题 <body> // 使用var声明变量的问题 <...-- 1....-- 2.......

ajax封装返回值判断 nuiapp_【研究与总结】关于前端请求的那些事(xhr/ajax/fetch/axios)...: 引言前端是一个快速发展的领域，而在前端的技术栈当中，前端请求又是最见的一个领域，通过请求接口...XMLHttpRequestXMLHttpRequest是最早出现的与服务器交换数据的方案，有了XMLHttpRequest，开发者终于可以在不...

Spring Security 5.0.x 参考手册【翻译自官方GIT-2018.06.12】: 源码请移步至：https://github.com/aquariuspj/spring-security/tree/translator/docs/manual/src/docs/asciidoc版本号：5.0.x 参考手册【翻译自官方GIT - 2018.06.12】Spring Security参考手册Spring Security是一...

原生ajax、XMLHttpRequest和FetchAPI简单描述: 原生ajax、XMLHttpRequest和FetchAPI简单描述什么是ajax 　ajax的出现,刚好解决了传统方法的缺陷。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页...

WEB跨域资源共享：Cross-origin Resource Sharing(CORS): 浏览器同源策略中的同源...2. 跨域资源共享(CORS)是一个W3C标准，是在客户端和服务端同时遵循的情况下执行的，整个CORS通信过程，都是浏览器自动完成，在编码上与同源资源共享并无不同(CORS交互中使用WithCredentials除

python 京东预约抢购茅台脚本插件一键运行: python 京东预约抢购茅台脚本插件一键运行，按照readme介绍的步骤即可。已经测试可以抢购得到。注意：本资源仅用于用来学习，严禁用于任何商业目的，下载之后应当在24小时之内删除。

APP内置IM 系统——从入门到千万级在线: IM （即时通讯）系统是一种大型实时系统，其对技术方面的要求非常高。在APP社交化的今天，很多APP都希望为自己的应用增加IM系统，但却不得其法。本课程抽丝剥茧，搭建一套简IM 系统，先让开发者了解如何实现这类系统，然后会不断的对系统进行扩展，并详述要支撑千万级别的用户，系统架构要经过哪些方面的演变，在每个阶段需要具体考量哪些因素；其中涉及到大型网络开发、协议的制定解析、数据库的优化、负载均衡、监控、测试等方面的知识。相信通过此课程，开发者对IM 系统将有一个全面的认识。 a:0:{}

C#入门必看实力程序100个: C#入门必看含有100个例字,每个例子都是针对C#的学习关键知识点设计的,是学习C#必须知道的一些程序例子,分享给大家，需要的可以下载

相关热词 c# 方法问号 c#生成失败没有错误 c# 淘宝数据 c# 全局钩子 c# 用户自定义控件关闭 c# 冒号 c# console颜色 c#以13 发送邮箱c# c#拖动条