关闭

重置form表单为json对象

标签: jsonjqueryform
233人阅读 评论(0) 收藏 举报
分类:
(function ($) {
  /**
   * 重置form表单为json对象
   * eg.
   * $("#myForm").bind("submit",function(e){
   *  e.preventDefault();
   *  console.log($( this ).serializeJson());
   * });
   * output:{age: "aa",interest: ["interest2", "interest4"],name: "dd",vehicle:["Bike","Car"]}
   * */
  $.fn.serializeJson = function () {
    var serializeObj = {};
    var array = this.serializeArray();
    $(array).each(function () {
      if (serializeObj[this.name]) {
        if ($.isArray(serializeObj[this.name])) {
          serializeObj[this.name].push(this.value);
        } else {
          serializeObj[this.name] = [serializeObj[this.name], this.value];
        }
      } else {
        serializeObj[this.name] = this.value;
      }
    });
    return serializeObj;
  };
})(jQuery);
0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

使用jQuery重置表单的方法

遇到了一个重置表单问题:就是如何使用jQuery方法重置form表单。 一开始我以为是:$('#formName').reset()执行后发现不行,网上给出的答案是使用 $('#formName')[...
  • u013066244
  • u013066244
  • 2016-10-19 19:18
  • 8002

jQuery序列化表单为JSON对象

姓名: 性别: 男 女 年龄: 20 21 22 ...
  • itmyhome
  • itmyhome
  • 2015-01-04 21:35
  • 9591

jquery form序列化转换为json对象

做web前端开发时,需要ajax提交大量表单数据,如果一个个form字段拼接很费劲也容易出错,下面方法可解决这个问题 jquery form序列化转换为json对象 ...
  • nuli888
  • nuli888
  • 2016-07-10 20:09
  • 2256

jQuery通过ajax获得后台json数据给form表单赋值

jQuery提供了load方法可以将数据加载到页面form表单中,但有时候我需要获取后台json数据中某个值时,又需要赋值整个form表单,load方法没有回调函数所以就不行了,如果用ajax调用的话...
  • xiaosheng_papa
  • xiaosheng_papa
  • 2014-12-02 11:13
  • 11075

form表单序列化JSON

有时会将前端的数据json化后,传递到后台处理。 在页面提交时,需要将前端form表单中的数据json化,结合form的序列化方法将拥有name的表单域封装成Json结构数据
  • ThinkingLink
  • ThinkingLink
  • 2015-08-28 15:01
  • 5258

将form表单封装成对象

通常,在提交字段较少的form中,我们可以在控制层直接用多字段参数去接收。但在字段较多,比如一个from表单中包含十几个甚至二十几个字段时,控制层再用单个字段来一个一个接收的话,参数就会非常多,并且代...
  • sinat_39572070
  • sinat_39572070
  • 2017-07-21 17:26
  • 1096

表单序列化,获取Json对象

表单序列化,获取Json对象
  • ning0_o
  • ning0_o
  • 2017-04-07 17:24
  • 447

表单提交json数组,后台转换为对象接收

form提交会将form表单下所有含有属性name的标签的值转换为json,后台方法中需要一个Bean类作为参数接收,Bean类中的属性需要和json键值对一一对应, 那么如果Bean里面有一条属性为...
  • m89351715
  • m89351715
  • 2017-04-18 16:00
  • 1229

亲测可用!json的表单,反序列化json表单自动回填方法!

在jsp页面表单回填方法 1.靠controller页面跳转,并使用jstl回填. 2.使用ajax方式返回json,再逐个单独回填. 相对这两种方法都比较麻烦,既然表单能序列化,那能不能用name反...
  • a740220116
  • a740220116
  • 2016-08-14 21:40
  • 1636

SpringMVC将表单对象序列化成Json字符串提交,以List接收

HTML <c:set var="ctx" value="${pageContext.reque
  • m0_37595732
  • m0_37595732
  • 2017-05-09 12:01
  • 2089
    个人资料
    • 访问:4836次
    • 积分:182
    • 等级:
    • 排名:千里之外
    • 原创:13篇
    • 转载:3篇
    • 译文:0篇
    • 评论:0条
    文章分类