碎片时间学编程「71」:将一组表单元素编码为查询字符串

• 使用FormData构造函数将 HTML 转换form为FormData.
• 使用Array.from()使用Array.from()方法将 FormData转换为数组，将 map 函数作为第二个参数传递。
• 使用Array.prototype.map()和encodeURIComponent()对每个字段的值进行编码。
• 与适当的参数一起使用Array.prototype.join()以生成适当的查询字符串。

JavaScript

const serializeForm = form =>

Array.from(new FormData(form), field =>

field.map(encodeURIComponent).join('=')

).join('&');

示例代码

serializeForm(document.querySelector('#form'));
// email=test%40email.com&name=Test%20Name

更多内容请访问我的网站：https://www.icoderoad.com