• 批量提交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,

      

  • 相关阅读:
    Python介绍
    产品经理知识体系之产品运营
    go rabbitmq延时队列
    docker安装PHP7.2及扩展
    关于js初始化对象的时间点的笔记
    gorm学习随笔
    Ubuntu18.04 安装PHP7.3
    PHP 冒泡、选择、插入排序
    MySQL 间隙锁的一些个人理解
    小程序插件 wx.navigateTo路由url设置
  • 原文地址:https://www.cnblogs.com/ai211234/p/5816706.html
Copyright © 2020-2023  润新知