javaWeb 中前端Form表單資料處理(手動拼json)
阿新 • • 發佈：2019-02-18
- 在前端我們會用到最多的就是form表單提交資料，在form表單中有很多都是自動將資料傳到後臺，然後通過實體來接受的，但是有的時候我們就是需要在前端就拿到這個Form表單的資料，這是我們就可以自己講資料拼接好
// 獲取表單裡面的資料，返回一個json形式的物件
// 引數 form 為表單物件，filler 為字串
// 對於表單中空值的元素，預設忽略，也可以設定填充值：filler 來填充空值
function getFormData (form, filler) {
var data = {};
for (var i = 0; i < form.length; ++i) {
var name = form[i].name;
var value = form[i].value;
if (name.length == 0)
continue;
if (value.length == 0) {
if ((typeof filler != 'string') || (filler.length == 0))
continue;
else
value = filler;
}
var sz = "data."+name+" = '" + value + "'";
try {
eval(sz);
} catch (e) {
alert(e);
}
}
return data;
}- 在指令碼中我們新增這個方法後只需在jsp、html等前端頁面中引用指令碼就可以得到資料了
- 值得一提的是在呼叫指令碼中的這個方法的時候
var datajson=getFormData(document.getElementById("updateff"), "1");- 我們通過上面進行呼叫方法其中updateff是form表單中的ID
- 這樣方法返回的資料就是一個json資料了，在前端就可以使用，當然你也可以傳遞到後臺，但是form表單提交單後臺有很多框架都是可以實現的，沒必要採用我這方法，我這主要是在前端呼叫的