jQuery表單序列化為json物件外掛程式

2021-08-01 13:48:03 字數 2302 閱讀 8550

我們在開發web的時候，往往會用到表單的序列化，這裡寫了乙個表單序列化的外掛程式，第一次寫可
外掛程式**：

(function


($), options)


; var jsonobj = {}


; if (defaultsetting.isrepeat)


else } else })


; } else })


; }


return jsonobj;


};})


(jquery)


;
**解讀：
1.


var defaultsetting = $.extend(, options);


作用：設定傳出引數的預設值


2.if (defaultsetting.isrepeat) else 


3. $.each(this.serializearray(), function


() );


4.if (jsonobj[$name]) else 


} else
下面是案例**：

lang="zh">


charset="utf-8">


titletitle>


src="../js/jquery-3.2.1.js">


script>


src="../js/myplus.js">


script>


head>


method="post"


action="#"


id="test_form">


使用者名稱：type="text"


name="username"/>


密   碼：type="password"


name="password">


愛   好：吃飯type="checkbox"


name="hobby"


value="eat"


checked/> 睡覺type="checkbox"


name="hobby"


value="sleep"/>


性   別：男 type="radio"


value="man"


name="***"


checked/> 女 type="radio"


value="woman"


name="***"/>


學   校： name="school">


value="yangguang">陽光小學option>


value="xiwang">希望小學option>


value="tiantian">天天小學option>


select>


type="submit"


value="提交"/>   type="reset"


value="重置" />


type="button"


value="點我序列化為url"


id="serializeurl"/>  type="button"


value="點我序列化為json"


id="serializejson"/>


form>


$(function


() ,function


() );


$("#serializejson").click({},function


() );


});function


testjqueryserializeurl


() script>


body>


html>


$("#serializejson").click({},function


() );


說明：　外掛程式放回的json物件，而不是json字串，這裡要使用json.stringify()方法轉化


為json字串
結果： 

$("#serializejson").click({},function


() );


alert(json.stringify(j));


});
結果為： 

1. 在使用外掛程式之前一定要到外掛程式檔案匯入：src="../js/myplus.js">


script>

Jquery將form表單序列化成JSON物件

廢話不多說，直接上 將這個表單的資料提交給介面，介面所需為json物件 因為通過 form serializearray 輸出的是陣列形式的，所以我們必須用別的方法 function var a this.serializearray each a,function o this.name push...

form表單序列化為Jquery物件

1 form id dailyfinancial class form inline 2 div class form group 3 label for financialtype 記賬型別 label 4 select class form control id financialtype na...

Jquery 將表單序列化為Json物件

大家知道jquery中有serialize方法，可以將表單序列化為乙個 連線的字串，但卻沒有提供序列化為json的方法。不過，我們可以寫乙個外掛程式實現。我在網上看到有人用替換的方法，先用serialize序列化後，將 替換成 重置form表單 param formid form的id functi...