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

lovebaby 2020-04-01 09:47:56

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传递参数及获取值

...全文

1230 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

Li59297 2021-02-24

打赏
举报

body: 'LogId=3&UserName=test'

big_cheng 2020-07-30

打赏
举报

fetch 'application/x-www-form-urlencoded' 用URLSearchParams fetch 'multipart/form-data' 用FormData fetch 'application/json' 用JSON.stringify({}) 如果未指定'Content-Type', Chrome 会根据body 猜测.

ying1234 2020-07-30

打赏
举报

引用 7 楼 by_封爱的回复:

其实我最初做这种的想法是这样的.. 因为调用者一般都不清楚从哪里copy过来的webclient. 然后就请求. 一般有2种type 一种是formdata一种是json 我想作为服务端能解析2种不同的方式.而不用强制客户端. 微信公众号的接口就是能兼容2种模式.. 后来想了下实现起来比较麻烦.. 我就懒得弄了. .

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

by_封爱 2020-04-01

打赏
举报

这个问题我之前研究过.你可以看下我之前写的帖子. 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这种方式就行了.. 目前我还没有太好的解决方案.. 因为是自己不想写太多的代码..

lovebaby 2020-04-01

打赏
举报

默认应该是text/plain吧，我如果去掉Content-Type，会显示

这一点应该是和ajax不同的。传递json字符串的话，是可以正常解析的。只是我想知道如何传递formdata，在WEBAPI端又如何获取到传递的formdata？

mirrorspace 2020-04-01

打赏
举报

默认就是以表单参数传递的. webapi要从formdata中取参数如果是json传递,要从inputstream中取 url参数,querystring取. 前后对应好了就没有问题

by_封爱 2020-04-01

打赏
举报

其实我最初做这种的想法是这样的.. 因为调用者一般都不清楚从哪里copy过来的webclient. 然后就请求. 一般有2种type 一种是formdata一种是json 我想作为服务端能解析2种不同的方式.而不用强制客户端. 微信公众号的接口就是能兼容2种模式.. 后来想了下实现起来比较麻烦.. 我就懒得弄了. .

楠小南 2020-04-01

打赏
举报

后端重载看行不行，只能这样

lovebaby 2020-04-01

打赏
举报

感谢！如果没有更好的办法，那就只能限制客户端传值方式了

lovebaby 2020-04-01

打赏
举报

引用 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的值。

另外，规范要求，对那些可能对服务器数据产生副作用的 HTTP ...同时，携带的 Access-Control-Allow-Methods 表明服务器允许客户端使用 POST 和 GET 方法发起请求（与 Allow 响应首部类似，但其具有严格的访问控制）。

1）application/x-www-form-urlencoded：窗体数据被编码为名称/值对，这是标准且默认的编码格式。当action为get时候，客户端把form数据转换成一个字串append到url后面，用?分割。当action为post时候，浏览器把form...

本文档仅供学习和研究使用,请勿使用文中的技术源码用于非法用途,任何人造成的任何负面影响,与本人无关. 大纲各类论坛/CMS框架 AEM 74CMS dedeCMS Discuz Discuz Discuz!ML Drupal ECshop Fastadmin Laravel ...

Get/Post/Put/Delete - BezKoderJavascript Fetch API tutorial Get/ Post/ Put/ Delete example with params, json, body, headers, fetch error handling, fetch asyncawait examplehttps://...

3：get 没有请求体 4：post 发送的数据在请求体当中，相对安全 5：post 对请求的数据的大小没有限制 6：post 有一个特殊的请求头 Content-Type:application/x-www-form-urlencoded 7: get 的请求头相对较少，性能...