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格式的字符串。

相关推荐
林恒smileZAZ16 小时前
CSS3 超实用属性:pointer-events (可穿透图层的鼠标事件)
前端·计算机外设·css3
云中雾丽16 小时前
flutter中 NotificationListener 详细使用指南
前端
大杯咖啡16 小时前
一篇文章搞懂,浏览器强缓存以及协商缓存
前端·javascript
王六岁16 小时前
# 🐍 前端开发 0 基础学 Python 入门指南: Python 元组和映射类型深入指南
前端·javascript·python
_志哥_17 小时前
多行文本超出,中间显示省略号的终极方法(适配多语言)
前端·javascript·vue.js
王六岁17 小时前
# 🐍 前端开发 0 基础学 Python 入门指南:常用的数据类型和列表
前端·javascript·python
1_2_3_17 小时前
神级JS API,谁用谁好用
前端·javascript
冬至已至17 小时前
AI 时代的自动化信息获取与整合
前端
我是日安17 小时前
从零到一打造 Vue3 响应式系统 Day 29 - readonly:数据保护实现
前端·javascript·vue.js
时代拖油瓶17 小时前
我劝你必须知道——Intl.Segmenter
前端·javascript