我們在開發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...