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


一:新建一個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,

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM