json object转x-www-form-urlencoded

在JavaScript中,可以使用以下方法将JSON对象转换为x-www-form-urlencoded格式的字符串:

javascript 复制代码
function jsonToFormData(json) {

return Object.keys(json).map(key => {

return encodeURIComponent(key) + '=' + encodeURIComponent(json[key]);

}).join('&');

}

// 示例使用

var json = {

name: "John Doe",

age: 30,

city: "New York"

};

var formData = jsonToFormData(json);

console.log(formData); // 输出: name=John%20Doe&age=30&city=New%20York

这段代码定义了一个jsonToFormData函数,它接受一个JSON对象作为参数,然后遍历对象的所有可枚举属性,使用encodeURIComponent函数来编码键和值,并将它们以key=value的形式连接起来,最终以&字符连接每对键值对,从而形成x-www-form-urlencoded格式的字符串。

相关推荐
用户479492835691519 分钟前
Vite8来啦,告别 esbuild + Rollup,Vite 8 统一用 Rolldown 了
前端·javascript·vite
枫,为落叶22 分钟前
VueRouter前端路由
前端
踢球的打工仔22 分钟前
前端知识介绍
前端
草字1 小时前
uniapp 悬浮按钮支持可拖拽。可移动。
前端·javascript·uni-app
一位搞嵌入式的 genius1 小时前
Vue实例挂载:从原理到项目实践的全维度解析
前端·javascript·vue.js·前端框架
waeng_luo1 小时前
[鸿蒙2025领航者闯关] 表单验证与用户输入处理最佳实践
开发语言·前端·鸿蒙·鸿蒙2025领航者闯关·鸿蒙6实战·开发者年度总结
0思必得01 小时前
[Web自动化] 开发者工具应用(Application)面板
运维·前端·python·自动化·web自动化·开发者工具
m0_740043731 小时前
Vue Router中获取路由参数d两种方式:$route.query和$route.params
前端·javascript·vue.js
风止何安啊1 小时前
Event Loop 教你高效 “划水”:JS 单线程的“摸鱼”指南
前端·javascript·面试
@菜菜_达1 小时前
goldenLayout布局
前端·javascript