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

一:新建一個JS文件,內容以下:javascript

/**
 * 自動將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文件java

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

三:知足form表單下(如:input等)的name與你接受的實體類對應的上(沒必要所有都有),即實體類有一個username屬性,則全部的form都有一個input(或其餘)的name是等於「username」。json

四: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){    

                                。。。。
                                。。。。
                            
                                }
                    });
            }                                    

 

五:接受方式app

  用實體類的數組接受框架

    如:User[] usersthis

  SpringMVC框架則:@RequestBody User[] users,url

相關文章
相關標籤/搜索