javaWeb 中前端Form表单数据处理(手动拼json)

• 在前端我们会用到最多的就是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表单提交单后台有很多框架都是可以实现的，没必要采用我这方法，我这主要是在前端调用的