Jquery SerializeObject －将form表单转化成Javascript obje

QLQ 发布于2019-08-21 12:30 / 2599人阅读

摘要：默认情况下，无法将转换成用于参数的。所以一直以来都是使用一个个读取数值然后自己构建的方式。

默认情况下，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"
      }
    ]

云服务器 GPU云服务器将c语言转化成c++ jquery_form表单验证 jQuery.form php将数组转化对象

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/87640.html

jquery的Form表单序列化到一个对象 (当radio,checkbox 未选中时，没有序列化到

摘要：表单序列化介绍很多人都使用过的或用来做表单的自动序列化到一个对象。等重新加载数据，游戏，运动，旅游还是选中的。既然有这个问题，那就解决这个问题，把做一个改动输出的结构就对了表单序列化介绍很多人都使用过jquery的serializeobject或serializeArray用来做表单的自动序列化到一个object对象。这里我也做个简单的介绍，比如有一个表单如下： showIm...

jiekechoo 2019-08-22 11:01 评论0 收藏0
基于ES6的tinyJquery

摘要：但它操作的便利性无出其右。我用写了一个基于简化版的，包含基础操作，支持链式操作，仅供日常使用。功能基于基本选择器构造，包括基于原生构造，将原生对象转化为对象。为支持批量操作，构造器应包含复数的。原文地址：Bougie的博客 jQuery作为曾经Web前端的必备利器，随着MVVM框架的兴起，如今已稍显没落。但它操作DOM的便利性无出其右。我用ES6写了一个基于class简化版的jQue...

happyfish 2019-08-22 16:09 评论0 收藏0
基于ES6的tinyJquery

摘要：但它操作的便利性无出其右。我用写了一个基于简化版的，包含基础操作，支持链式操作，仅供日常使用。功能基于基本选择器构造，包括基于原生构造，将原生对象转化为对象。为支持批量操作，构造器应包含复数的。原文地址：Bougie的博客 jQuery作为曾经Web前端的必备利器，随着MVVM框架的兴起，如今已稍显没落。但它操作DOM的便利性无出其右。我用ES6写了一个基于class简化版的jQue...

Sleepy 2019-08-02 10:08 评论0 收藏0
基于ES6的tinyJquery

摘要：但它操作的便利性无出其右。我用写了一个基于简化版的，包含基础操作，支持链式操作，仅供日常使用。功能基于基本选择器构造，包括基于原生构造，将原生对象转化为对象。为支持批量操作，构造器应包含复数的。原文地址：Bougie的博客 jQuery作为曾经Web前端的必备利器，随着MVVM框架的兴起，如今已稍显没落。但它操作DOM的便利性无出其右。我用ES6写了一个基于class简化版的jQue...

魏宪会 2019-08-30 15:53 评论0 收藏0
基于ES6的tinyJquery

摘要：但它操作的便利性无出其右。我用写了一个基于简化版的，仅做个学习记录。包含基础操作，支持链式操作，仅供日常使用。功能基于基本选择器构造，包括基于原生构造，将原生对象转化为对象。为支持批量操作，构造器应包含复数的。原文地址：Bougie的博客showImg(https://segmentfault.com/img/bV71uK?w=500&h=260);jQuery作为曾经Web前端的必...

U2FsdGVkX1x 2019-08-30 14:23 评论0 收藏0