JSON

批量提交form表单(JSON格式)

字号+ 作者:H5之家 来源:H5之家 2017-01-22 13:00 我要评论( )

批量提交form表单(JSON格式),一:新建一个JS文件,内容如下:/*** 自动将form表单封装成json对象*/$.fn.serializeObject = function() {var o = {};var a = th

一:新建一个JS文件,内容如下:

/** * 自动将form表单封装成json对象 */ $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) { if (!o[this.name].push) { o[this.name] = [ o[this.name] ]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value || ''; } }); return o; };

二:页面引入JS文件

    <script language="javascript" src="/js/tools.js"></script>

三:满足form表单下(如:input等)的name与你接受的实体类对应的上(不必全部都有),即实体类有一个username属性,则所有的form都有一个input(或其他)的name是等于“username”。

四:JSP页面AJAX提交(部分)

function saveAll() { var json_data = []; var forms = $("#ALLDIV form");               //form的序列话 for (var i=0; i < forms.length; i++) { json_data.push($(forms[i]).serializeObject()); }      。。。        。。。 $.ajax({ type:"POST", url:urlF, dataType:"json", contentType:'application/json', data:JSON.stringify(json_data), success:function(data){ 。。。。 。。。。 } }); }

五:接受方式

  用实体类的数组接受

  如:User[] users

  SpringMVC框架则:@RequestBody User[] users,

  

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 2.8.3 解析JSON和XML:jQuery.parseJSON( data )、jQuery.parseX

    2.8.3 解析JSON和XML:jQuery.parseJSON( data )、jQuery.parseX

    2017-01-22 14:04

  • 基于json的AJAX高级开发技术

    基于json的AJAX高级开发技术

    2017-01-22 12:02

  • 【技术分享】现代浏览器中的新型JSON劫持技术

    【技术分享】现代浏览器中的新型JSON劫持技术

    2017-01-22 12:00

  • 掌握 Ajax,第 10 部分: 使用 JSON 进行数据传输

    掌握 Ajax,第 10 部分: 使用 JSON 进行数据传输

    2017-01-22 11:03

网友点评
e