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

科技 06-20 来源： 路条编程


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

  • 支付宝打赏
  • 微信打赏
    • 表单   字符串   碎片
    发表评论
    留言与评论（共有 0 条评论） “”
       
    验证码：

    相关文章

    求非负数组元素组成的最大字符串
    求非负数组元素组成的最大字符串
    注意！“龙江人才”档案查询功能有调整！
    注意！“龙江人才”档案查询功能有调
    碎片时间学编程「81]：过滤匹配和未指定的值
    碎片时间学编程「81]：过滤匹配和未
    这几天整理了一下JavaScript常用知识 数据类型 数组 字符串 类型转换
    这几天整理了一下JavaScript常用知
    C语言用双字符指针去除字符串中特定的重复字符
    C语言用双字符指针去除字符串中特
    表单生成插件 Ninja Forms 严重漏洞，WordPress 官方强制推送更新
    表单生成插件 Ninja Forms 严重漏

    推荐文章

    最热点击文章

    热门标签