文章の目录

一、浏览器
二、Node.js
写在最后

默认情况下，axios将JavaScript对象序列化为JSON。要以application/x-www-form-urlencoded格式发送数据，您可以使用以下选项之一。

一、浏览器

在浏览器中，您可以使用URLSearchParams API，如下所示：

const params = new URLSearchParams();
params.append("param1", "value1");
params.append("param2", "value2");
axios.post("http://localhost/foo", params);

请注意，所有浏览器都不支持URLSearchParams（请参阅caniuse.com），但可以使用polyfill（确保填充全局环境）。

或者，您可以使用qs库编码数据（浏览器未验证）：

const qs = require("qs");
axios.post("/foo", qs.stringify({ bar: 123 }));

或者以另一种方式（ES6）（浏览器未验证），

import qs from "qs";
const data = { bar: 123 };
const options = {method: "POST",headers: { "content-type": "application/x-www-form-urlencoded" },data: qs.stringify(data),url
};
axios(options);

二、Node.js

在node.js中，您可以使用querystring模块，如下所示：

const querystring = require("querystring");
axios.post("http://something.com/", querystring.stringify({ foo: "bar" }));

您也可以使用qs库。

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！

axios系列之使用 application/x-www-form-urlencoded format相关推荐

get 与 post的区别?application json 与form表单的区别?
这里是修真院前端小课堂,每篇分享文从 [背景介绍][知识剖析][常见问题][解决方案][编码实战][扩展思考][更多讨论][参考文献] 八个方面深度解析前端知识/技能,本篇分享的是: [get 与 p ...
IE系列浏览器把application/json响应视为文件，并尝试下载
IE系列浏览器把application/json响应视为文件,并尝试下载. 我的解决办法是修改把MIME Type修改为text/plain,这样所有的浏览器都能正确处理. 下面详细地说说原因以及其他 ...
vue中axios改变header为application/x-www-form-urlencoded不起作用
vue中axios改变header为application/x-www-form-urlencoded不起作用 axios默认的头是这个,一般get请求是这个头 config.headers['Con ...
Ext Js MVC系列二利用Application和Viewport进行应用程序初始化和页面布局
通过上一篇我们已经对Ext js MVC框架开发有了一个大概的了解,这一篇将利用Application和Viewport进行应用程序的初始化和页面布局.我想从以下几方面来进行总结. 1,通过Ext.L ...
Microsoft Enterprise Library 5.0 系列(十) Configuration Application Block
到目前为止,我们使用的模块都是在同一个配置文件中,这显然是不灵活的,我们希望每个功能模块能独立的在一个配置文件中体现,这样不仅易于管理,易于扩展,也易于阅读和分类.企业库当然考虑到了这个问题并且提供了 ...
c# Application.run和form.show区别
Application.run(form):在当前线程上开始运行标准应用程序消息循环,并使指定窗体可见. form.show() :使指定窗体可见: 参照:https://blog.csdn.net/ ...
go系列之利用Gin框架获取form参数
利用Gin框架获取form参数除了通过URL查询参数提交数据到服务器外,常用的还有通过Form表单的方式.Form表单相比URL查询参数,用户体验好,可以承载更多的数据,尤其是文件上传,所以也更为方 ...
Microsoft Enterprise Library 5.0 系列(四) Logging Application Block
企业库日志应用程序模块工作原理图: 从上图我们可以看清楚企业库日志应用程序模块的工作原理,其中LogFilter,Trace Source,Trace Listener,Log Formatter的信 ...
axios系列之拦截器
文章の目录一.什么是axios拦截器.为什么要使用axios拦截器? 二.axios特性三.使用拦截器的原因四.拦截器的分类五.request拦截器六.response拦截器七.如果你想在 ...

axios系列之使用 application/x-www-form-urlencoded format

文章の目录

一、浏览器

二、Node.js

写在最后

axios系列之使用 application/x-www-form-urlencoded format相关推荐

最新文章

热门文章