项目中表单提交较多,一个一个获取比较麻烦. 用表单序列化会遇到 几个问题

一个是表单中有空格会转化为 + 号

一个是空表单仍然会存在但我们并不需要

最后是后台一般会要求json格式传输需要转化

在网上找些办法现在封装一个函数直接处理成json格式, 需要直接调用

// dom是form表单的 id或者class

function formJsonify(dom) {
        var jsons = { };
        var inputVal =  decodeURIComponent($(dom).serialize().replace(/\+/g," ")); // 去空去加号的序列化值
        var d = inputVal.split('&'); // ['1=12' , '2=13']
        for (var i=0;i<d.length;i++) {
            var e = d[i].split('=') // [1,12]
            jsons[e[0]] = e[1]
        }
        return jsons;
    }

表单序列化及问题处理相关推荐

  1. JS的表单序列化,数组去重,判断数组是否重复等方法

    一.背景 本篇主要是记录一下JS中常用的工具方法.包括表单序列化,判断数组是否重复,数组去重等.做个笔记 二.工具方法 1.表单元素序列化为对象 public function serializeOb ...

  2. antd提交表单_表单序列化

    随着 Ajax 的出现,表单序列化已经成为一种常见需求.在 JavaScript 中,可 以利用表单字段的 type 属性,连同 name 和 value 属性一起实现对表单的序列化.在编写代码之前, ...

  3. JQ表单序列化变成 对象

    JQ表单序列化变成 对象 function serializeObject(form) { var o = {}; $.each(form.serializeArray(), function(ind ...

  4. js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么

    js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么 一.总结 一句话总结:两者都是对表单进行序列化,serializeArray()返回的是json ...

  5. jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据,表单序列化(异步获取表单内容)

    jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...

  6. JavaScript表单序列化的方法详解

    本文介绍下,在javascript中实现表单序列化的方法,通过实例加深理解,有需要的朋友参考下吧. 在JavaScript中,可以利用表单字段的type属性,连同name和value属性一起实现对表单 ...

  7. antd如何获取表单的值_JavaScript多个表单序列化获取值

    JavaScript多个表单序列化获取值 获取数据格式如下: [{inid: "1231", age: "231231", sex: "123&quo ...

  8. ajax提交表单序列化(serialize())数据

    知识点: $("#form").serialize();将表单数据序列化为标准URL编码文本字符串(key1=value1&key2=value2-). 以下用一个例子来演 ...

  9. 表单(四)表单序列化

    表单序列化的作用是:将表单内容序列化成一个字符串,方便Ajax传递表单值给服务器. [浏览器把表单数据提交到服务器的细节]: 1. 对字段的名和值进行URL编码,并使用"&" ...

  10. 原生js实现form表单序列化的方法

    当我们有form表单而且里面的表单元素较多时,咱们总不能一个个去获取表单元素内的值来进行拼接吧!这样会很让人蛋疼!为了方便与后台交互并且提高自己的开发效率,并且不让你蛋疼:我们一起用原生来写一个表单序 ...

最新文章

  1. rsync+inotify一键安装脚本
  2. mysql ERROR 1045 (28000): Access denied for user解决方法
  3. Windows Server 笔记之活动目录,域的联系和区别
  4. Struts2 学习系列 (2) 访问web资源
  5. 【VC++技术杂谈005】如何与程控仪器通过GPIB接口进行通信
  6. JavaScript入门介绍 1 2021/02/27
  7. java接收参数_javaWeb收传参数方式总结
  8. 开发环境ubuntu16.04(ubuntu18.04)安装以后的初始化设置
  9. Git——创建版本库【git init】
  10. 贝叶斯球(Bayes ball)
  11. 【数学分析笔记01】平均值不等式证明
  12. JAVA获取sjis文件乱码_下载文件时,文件名乱码。 | 学步园
  13. 2022Java微服务最全面试题集
  14. 偷用计算机作文,【实用】《偷着》作文500字4篇
  15. FPGA IP核之FIFO
  16. 鸿蒙思维闪卡训练,提高孩子智力,父母不妨使用思维导图来提升孩子记忆力和创造力...
  17. 抽象基类与接口,共性与个性的选择!
  18. 过滤 Excel 表格内容中的无效字符
  19. Hello China操作系统在Virtual PC上的安装和使用
  20. 读《Microservices》有感

热门文章

  1. Alfresco Community 7 安装(5)安装Afresco War
  2. oracle 修改sys 、system、scott密码
  3. 2019年为什么都说现在的淘宝客越来越难做?很多人都说谁做淘客谁傻?
  4. 基于C#的ArcEngine二次开发46:编辑内容回撤与炸开multipart feature
  5. 测试工程师常用面试题
  6. mysql sysbench_MySQL sysbench基准测试
  7. 珠海空管站协力保障强雷雨天气飞行安全
  8. P40 M40魔改问题集锦+温控散热方案【文末】
  9. 后疫情时代中国零售业转型之路
  10. 分享 三千年来激荡人心的名句