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