Jquery SerializeObject - 将form表单转化成Javascript object

默认情况下,Jquery无法将form转换成用于ajax参数的Javascript Object。
所以一直以来都是使用selector一个个读取数值然后自己构建Javascript Object的方式。今天偶然看到一段Jquery的插件,可以直接使用:

$(form).serializeObject()  

的形式,将form里面的内容转化成如下漂亮的形式,真是大快人心!

  {
    "a":1,
    "b":2,
    "c":3
  }

$.fn.serializeObject = function() {
      var o = {};
      var a = this.serializeArray();
      $.each(a, function() {
          if (o[this.name] !== undefined) {
              if (!o[this.name].push) {
                  o[this.name] = [o[this.name]];
              }
              o[this.name].push(this.value || '');
          } else {
              o[this.name] = this.value || '';
          }
      });
      return o;
    };

注:serialzeArray根据Jquery的文档,可以提取表单的元素,转换成如下形式(感觉有点不上不下,不知道为什么有这样的一个函数呢?):

    [
      {
        name: "a",
        value: "1"
      },
      {
        name: "b",
        value: "2"
      },
      {
        name: "c",
        value: "3"
      },
      {
        name: "d",
        value: "4"
      },
      {
        name: "e",
        value: "5"
      }
    ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值