logo头像

学如逆水行舟,不进则退!!!

文章目录

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

本文于589天之前发表,文中内容可能已经过时。

在前端我们会用到最多的就是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表单提交单后台有很多框架都是可以实现的,没必要采用我这方法,我这主要是在前端调用的
上一篇
坚持原创技术分享,您的支持将鼓励我继续创作!