Jquery SerializeObject －將form表單轉化成Javascript obje

QLQ 發布于2019-08-21 12:30 / 2640人閱讀

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

默認情況下，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將數組轉化對象

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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