form表單資料序列化為json

2021-09-10 03:59:30 字數 948 閱讀 5123

世上沒有最聰明的人,只有最懶的人,分享乙個表單資料序列化為json資料,通過ajax提交資料就不用乙個乙個的去獲取值了,用下面的方法一鍵取值,懶人必備利器

$.fn.serializeobject = function () ;

var a = this.serializearray();

$.each(a, function () 

o[this.name].push(this.value || '');

} else 

});return o;

};

有了這個方法後獲取表單資料就很簡單了,如下:

var formdata = $("#formdata").serializeobject();
控制台列印輸出結果值:

console.log(json.stringify(formdata));
formdata得到的就是最終轉為json資料的結果值,也就是最後ajax提交的資料,formdate就是form表單的id值,使用該方法提交資料需要給提交按鈕加上監聽事件,為了使用ajax提交表單資料,監聽事件最後加上乙個返回值,避免表單提交跳轉

return false
分享一下我的例值,使用了layui框架:

//監聽提交按鈕-頁面對應按鈕提交

form.on("submit(demo)",function (data) );

settimeout(function () ,1000)

} else );

}});

form.render();

layer.close(index)

}});

return false;//防止表單資料提交頁面跳轉

});

form表單序列化為json

開發過程中,可能會涉及到表單提交,如果直接提交,那整個頁面會重新整理,並且也無法獲取對應的提示資訊。所以表單提交通常用ajax來實現,如果整個表單的字段很多,乙個個的拼接很麻煩,這裡介紹乙個工具 form序列化為json fn.serializeobject function var a this....

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...