Jquery SerializeObject －將form表單轉(zhuǎn)化成Javascript obje

QLQ 發(fā)布于2019-08-21 12:30 / 2660人閱讀

摘要：默認情況下，無法將轉(zhuǎn)換成用于參數(shù)的。所以一直以來都是使用一個個讀取數(shù)值然后自己構建的方式。

默認情況下，Jquery無法將form轉(zhuǎn)換成用于ajax參數(shù)的Javascript Object。
所以一直以來都是使用selector一個個讀取數(shù)值然后自己構建Javascript Object的方式。今天偶然看到一段Jquery的插件，可以直接使用：

$(form).serializeObject()

的形式，將form里面的內(nèi)容轉(zhuǎn)化成如下漂亮的形式，真是大快人心！

  {
    "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根據(jù)Jquery的文檔，可以提取表單的元素，轉(zhuǎn)換成如下形式（感覺有點不上不下，不知道為什么有這樣的一個函數(shù)呢？）：

    [
      {
        name: "a",
        value: "1"
      },
      {
        name: "b",
        value: "2"
      },
      {
        name: "c",
        value: "3"
      },
      {
        name: "d",
        value: "4"
      },
      {
        name: "e",
        value: "5"
      }
    ]

GPU云服務器云服務器將c語言轉(zhuǎn)化成c++ jquery_form表單驗證 jQuery.form php將數(shù)組轉(zhuǎn)化對象

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87640.html

jquery的Form表單序列化到一個對象 (當radio,checkbox 未選中時，沒有序列化到

摘要：表單序列化介紹很多人都使用過的或用來做表單的自動序列化到一個對象。等重新加載數(shù)據(jù)，游戲，運動，旅游還是選中的。既然有這個問題，那就解決這個問題，把做一個改動輸出的結構就對了表單序列化介紹很多人都使用過jquery的serializeobject或serializeArray用來做表單的自動序列化到一個object對象。這里我也做個簡單的介紹，比如有一個表單如下： showIm...

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

摘要：但它操作的便利性無出其右。我用寫了一個基于簡化版的，包含基礎操作，支持鏈式操作，僅供日常使用。功能基于基本選擇器構造，包括基于原生構造，將原生對象轉(zhuǎn)化為對象。為支持批量操作，構造器應包含復數(shù)的。原文地址：Bougie的博客 jQuery作為曾經(jīng)Web前端的必備利器，隨著MVVM框架的興起，如今已稍顯沒落。但它操作DOM的便利性無出其右。我用ES6寫了一個基于class簡化版的jQue...

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

摘要：但它操作的便利性無出其右。我用寫了一個基于簡化版的，包含基礎操作，支持鏈式操作，僅供日常使用。功能基于基本選擇器構造，包括基于原生構造，將原生對象轉(zhuǎn)化為對象。為支持批量操作，構造器應包含復數(shù)的。原文地址：Bougie的博客 jQuery作為曾經(jīng)Web前端的必備利器，隨著MVVM框架的興起，如今已稍顯沒落。但它操作DOM的便利性無出其右。我用ES6寫了一個基于class簡化版的jQue...

Sleepy 2019-08-02 10:08 評論0 收藏0
基于ES6的tinyJquery

摘要：但它操作的便利性無出其右。我用寫了一個基于簡化版的，包含基礎操作，支持鏈式操作，僅供日常使用。功能基于基本選擇器構造，包括基于原生構造，將原生對象轉(zhuǎn)化為對象。為支持批量操作，構造器應包含復數(shù)的。原文地址：Bougie的博客 jQuery作為曾經(jīng)Web前端的必備利器，隨著MVVM框架的興起，如今已稍顯沒落。但它操作DOM的便利性無出其右。我用ES6寫了一個基于class簡化版的jQue...

魏憲會 2019-08-30 15:53 評論0 收藏0
基于ES6的tinyJquery

摘要：但它操作的便利性無出其右。我用寫了一個基于簡化版的，僅做個學習記錄。包含基礎操作，支持鏈式操作，僅供日常使用。功能基于基本選擇器構造，包括基于原生構造，將原生對象轉(zhuǎn)化為對象。為支持批量操作，構造器應包含復數(shù)的。原文地址：Bougie的博客showImg(https://segmentfault.com/img/bV71uK?w=500&h=260);jQuery作為曾經(jīng)Web前端的必...

U2FsdGVkX1x 2019-08-30 14:23 評論0 收藏0