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