vue表单提交数组_ajax传递数组、form表单提交对象数组

在JSP页面开发中，我们常常会用到form表单做数据提交，由于以前一直只是使用form表单提交单个对象，只要表单文本域的name值和接收的对象的属性名一致，那么传值就没有什么问题。不过，在前几天的开发任务中，遇到了需要批量传递对象，也就是需要传递对象数组，在此做个总结。今天又遇到需要向后台传递数组，便一并写下来吧。

1、ajax传递普通数组

前台代码

var deleteNum= [];//定义要传递的数组

deleteNum.push("1");

deleteNum.push("2");

deleteNum.push("3");//向数组中添加元素

$.ajax({

type:"post",

url:"deleteNum.do",

data:{deleteNum:deleteNum},

traditional: true,//必须指定为true

success:function(data){

if(data.success){

deleteNum = [];

}

});

后台代码

public ActionResult deleteNum(String[] deleteNum){

//这个时候已经得到了deleteNum数组值

return Json(new {status=1});

}

form表单提交自定义对象数组

之后在form表单提交给后台时，需要先定义一个对象，当然，别忘了定义User对象，属性为name，password，重点是下面这个用于接收form表单提交的对象数组，如果还有其他对象数组需要接收，那在这个类里面再定义相应的ArrayList属性即可。

/**

* 类型描述

* 表单列表对象用于接收form表单提交的对象数组

*@since 2016-2-25

*@author 古时一轮月

public class FormListObject {

private ArrayList userlist;

public ArrayList getUserlist() {

return userlist;

}

public void setUserlist(ArrayList userlist) {

this.userlist= userlist;

}

｝

定义好该对象之后，在controller层接收就可以了

public AjaxResult saveOrUpdateUser(FormListObject list){

List userlist = list.getUserlist(); //你会看到你想要的

}

转自：http://blog.csdn.net/u014252157/article/details/50751302

vue表单提交数组_ajax传递数组、form表单提交对象数组相关推荐

ajax提交成功清空表单,Ajax提交数据后，清空form表单
按钮不同,页面相同,还需要显示的数据不同,这里会由于页面的缓存问题,导致,每次点开这个页面显示的数据相同. 这不是我们想要的.这就需要清楚表单数据了. 如下: $('#myform')[0].rese ...
jquery表单ajax json数据,jquery序列化form表单使用ajax提交后处理返回的json数据
1.返回json字符串: /** 将一个字符串输出到浏览器 */ protected void writeJson(String json) { PrintWriter pw = null; try ...
java表单单击路径_Form表单中的action路径问题，form表单action路径《jsp---Servlet路劲问题》这个和上一个《jsp---Servlet》文章有关...
Form表单中的action路径问题,form表单action路径今天刚接触web,在用jsp和servlet做一个简单的登陆的时候在Form表单action属性和method属性的一些问题: 我遇 ...
java ajax json 解析json数组对象数组对象数组对象数组_ajax传递包含对象数组的json数据...
一个简单的demo.用户在前台页面表单输入数据表的信息,数据传递到后台,系统自动在后台创建数据库表(table)的功能. 作为简单demo,这里的表只有"表名","列名& ...
vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法
最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据.下面可以这样解决. 1.在methods中定义好一个初始化渲染实例. 例如 lnitializationData(){//初始化页面数 ...
php阻止form提交表单提交,防止表单提交时刷新页面-阻止form表单的默认提交行为...
最近在写 ajax 提交的时候遇到一个问题,在执行 ajax 提交之后,浏览器页面自动刷新了,主要是没有由于form 表单的默认提交行为.一下是几种阻止 form 表单默认提交行为的方式. 1.使用 ...
ios 优化html表单提交,iOS 使用AFNetworking的form表单请求
首先说明下form表单请求,是一种特殊的post请求,请求方式有application/x-www-form-urlencoded.multipart/form-data.application/js ...
html表单提交按钮代码,JavaScript在form表单中使用button按钮实现submit提交方法
submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上. ...
elementui 按钮表单_仿ElementUI实现一个Form表单的实现代码
使用组件就像流水线上的工人:设计组件就像设计流水线的人,设计好了给工人使用. 一. 目标仿 ElementUI 实现一个简单的 Form 表单,主要实现以下四点: Form FormItem Inp ...

vue表单提交数组_ajax传递数组、form表单提交对象数组

vue表单提交数组_ajax传递数组、form表单提交对象数组相关推荐

最新文章

热门文章