碎片时间学编程「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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容