1. 程式人生 > >將表單序列化為json物件

將表單序列化為json物件

<script>
	$(function(){
		//工具方法(將指定表單的輸入項序列化為json物件)
		$.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;  
        }; 
		//繫結事件
        $("#btn").click(function(){
        	
        	var p = $("#searchForm").serializeJson();
			//
			$("#grid").datagrid("load", p);//序列化之後的傳輸格式為:{id:xx,name:xx,age:xx}
			
		});

	});
</script>


相關推薦

Jquery 序列化為Json物件.同時提交多個的引數

首先對某一表單進行Json物件序列化:  [javascript] view plain copy (function($){           $.fn.serializeJson=function(){               var se

序列化為json物件

<script> $(function(){ //工具方法(將指定表單的輸入項序列化為json物件) $.fn.serializeJson=function(){

序列化為json對象

pan span class obj ret value his json () $.fn.serializeJson=function(){ var serializeObj={}; var array=t

序列化為json字串

網上序列化表單內容成json字串,有的很複雜有的完全不好用;現在分享的是真正好用的一個例子。 準備內容 1. js中if的條件表示式 所有的物件都被當作 true 當且僅當字串為空時,該字串

jsform內的序列化為json字串、陣列、物件

序列化為字串var params1 = $(#myform).serialize();//name=zhangsan&sex=1&age=20序列化為陣列$(#myform).serializeArray();//[Object, Object, Objec

利用Jquery序列化成JS物件

//表單序列化成JSON物件 $.fn.serializeObject = function () { var o = {}; var a = this.serializeArray(); $.each(a, function () { if (o[this.name]) { if (!o[this.nam

jquery實現from封裝成json物件

經常會有這樣的需求,就是使用ajax非同步提交表單資料,我們往往會將他們封裝成json傳送。 那麼如何簡單而又快速的將表單封裝成json呢? 我們先來看jquery給我們提供的一個方法:serializeArray() 該方法的用途就是將表單封裝成一個數組。 所以,我們只需

form資料 轉json 物件最佳示例

先看效果圖 就是圖一到圖二的過程 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition

form資料轉json 物件

首先需要引入jQuery,線上引用如下 <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> 實現轉json物件我們需要用一段通用程式碼讓表單資料序列化物件 $.f

form序列JSON

1. 簡單屬性的表單域,序列化後只有一層JSON物件 /** * 功能:序列化form表單資料成Json物件 * 1.name均是簡單的一級物件 * 2.同名的name屬性,值會被序列化為陣列,例如checkbox等控制元件 */ $.fn

Form自動轉JSON物件、及解決AJAX呼叫時JSON物件陣列成員key被修改問題

範培忠 2018-05-11  本文講解如何定義一個通用方法實現form表單內容自動打包成JSON物件用於AJAX提交,以及當form表單有checkbox時,該JSON物件會擁有一個成員陣列提交到後臺後會被“篡改”的問題(key name會被自動加一箇中括號[]),JSON

SpringMVC物件序列化成Json字串提交,以List接收

HTML <%@ page language="java" import="java.util.*" pageEncoding="UTF-8" isELIgnored="false"%>

資料 序列化 為 js物件

$.fn.serializeObject = function () { var o = {}; var a = this.serializeArray(); $.each(a, function () { if (

序列化,獲取Json物件

以下方法適用於所有表單元素 1、.serialize() $(selector).serialize()方法通過序列化表單值建立 URL 編碼文字字串 <form> <input type="checkbox" name="u

jQuery 資料序列化為json格式

jQuery是在web應用中使用的指令碼語言之一,因其具有輕量級,易學易用等特點,已廣泛應用,其中的ajax封裝簡化了我們的應用,對其表單資料序列化用如下方法: 1.serialize()方法   格式:var data = $("#formID").serialize

格式化外掛jquery.serializejson上的資料轉換成JSON物件

沒有這個外掛之前要想JS獲取到form表單的資料,在ajax傳到後臺也是蠻痛苦的事,雖然都是簡單用$(“#id”).val()獲取到表單的值,要是量多了也是很磨人的。 好吧,廢話不多說!看下這個jquery.serializejson.js外掛是怎麼給我們帶來

【Java】Java物件序列化/反序列化為JSON,並寫入redis

RedisUtil類和spring_config.xml配置檔案在這篇文章:【Redis】Spring整合Redis  中給出了,這裡不再贅述。① 依賴匯入 <!-- fastjson -->

jquery 外掛方法 form轉換成json物件

(function($) { $.fn.serializeJson = function() { var serializeObj = {}; var array = this.serial

javascript jqueryform序列化成json提交

由於本人剛接觸java就要開始開發專案,用到的東西很多很雜,對javascript以及jquery只是一知半解,只能通過不斷的學習慢慢的補起來了。 由於自己要獨立的開發一個簡單的系統,其中會用到form表單序列化成json後提交,配合服務端spring mvc的@Reque

通過fastjson一個對象序列化為json,同時加入指定的序列化邏輯

equals ant object 技術 mon static img string uefi 主函數: import com.alibaba.fastjson.JSON; import com.alibaba.fastjson.serializer.ValueFilte