jquery封裝獲取表單資料組成Json資料

2021-08-09 03:36:37 字數 1093 閱讀 1785

我們做專案總會涉及到表單的提交,當乙個form表單中有幾十個資料要提交時,我們不可能乙個乙個的去通過input去獲取資料,那樣不僅增加了**量,也增加了複雜程度,估計到最後你自己都懵了,也更不方便**的維護。好了,廢話不多說,直接上**:

1、首先我們先給定乙個示例form表單**

2、根據form表單id 獲取form表單內input的json資料

特別說明:元素不能被禁用(禁用的元素不會被包括在內),並且元素應當有含有 name 屬性。提交按鈕的值也不會被序列化。檔案選擇元素的資料也不會被序列化。

$("#submit").click(function())

//注意:此方法返回的是 json 物件而非 json 字串。

function getformjson(id)

/*獲取核取方塊的值,一般核取方塊只有乙個時,我們在選中和未選中時都要傳乙個值。選中時,上面的方法會獲取到,但是未選中時,這裡可以定義你要傳的值,我這裡傳的值為字串 '0' ,當然你也可以定義其他的值*/

$("#"+ id + " input[type='checkbox']").each(function()

});datastr = datastr.substring(0, datastr.length - 1); //去掉最後乙個屬性的逗號

datastr = datastr + "}";

var datajson = json.parse(datastr); //parse()方法把datastr物件轉成json資料

return datajson;

}

好了,上面的 getformjson(id) 函式就是一次性獲取表單資料的方法,希望能幫到大家,後邊我還會分享一下如何把獲取到的json資料動態的一次性載入到form表單中,這涉及到修改表單資料。

JQuery獲取form表單資料

1.首先頁面的form的所有表單元素需要增加name屬性 資料來源名稱 資料庫型別 mysql oracle 2.獲取表單資料的方式一 let json adddatasourceform serialize console.log json json 輸出 name asd type 13.獲取表...

jquery清空表單資料

慣例 我是溫浩然 按鈕不同,頁面相同,還需要顯示的資料不同,這裡會由於頁面的快取問題,導致,每次點開這個頁面顯示的資料相同。這不是我們想要的。這就需要清楚表單資料了。方法如下 注意!這個方法剛才試過不可以,下面的方法沒試。myform 0 reset 但是,如果有這種表單的資料,就不可以清除了,如下...

關於獲取表單資料

今天有個同事做二次開發的時候遇到一些表單資料的小問題,可是這些小問題卻也難倒我了。因為之前一直在用struts處理表單資料,好久沒直接處理過了。所以完全忘記了,溫故知新一下。獲取jsp表單資料,通常的方法是request.getparameter。此方法對於post提交方式來說,用來獲得客戶端傳送給...