js将form表单序列化[json字符串、数组、对象]
2023-09-14 09:08:49 时间
1.序列化为字符串
$("#Form").serialize();//name=zhangsan&sex=1&age=20
2.序列化为数组
var formData=$("#form").serializeArray();//[Object, Object, Object]
自定义参数补充
formData.push({"name": "psid", "value": $("#psid").val()});
3.序列化为对象
function getFormJson(form) { var o = {}; var a = $(form).serializeArray(); $.each(a, function () { if (o[this.name] !== undefined) { 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; }
4.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 AjaxResult deleteNum(String[] deleteNum){ AjaxResult ajaxResult = new AjaxResult(); //这个时候已经得到了deleteNum数组值 return ajaxResult; }
5.form表单提交自定义对象数组
<form id="form" name="form" method="post">
<input type="hidden" name="table" value="user">
<table> <tr> <td><input type="text" name="userList[0].name"/></td> <td><input type="text" name="userList[0].password"/></td> </tr> <tr> <td><input type="text" name="userList[1].name"/></td> <td><input type="text" name="userList[1].password"/></td> </tr> <tr> <td><input type="text" name="userList[2].name"/></td> <td><input type="text" name="userLIst[2].password"/></td> </tr> </table> </form>
ajax提交
$("#form").serializeArray()
后端接收
public class FormList { private String table; private ArrayList<User> userlist; public String getTable() { return table; } public void setTable(String table) { this.table = table; } public ArrayList<User> getUserlist() { return userlist; } public void setUserlist(ArrayList<User> userlist) { this.userlist= userlist; } }
public AjaxResult saveUpdateUser(FormList list){ List<User> userlist = list.getUserlist(); }
相关文章
- JS 对象(Object)和字符串(String)互转[通俗易懂]
- 【说站】js创建数组对象的方法
- JS 对象转数组_jquery把对象转成数组
- 数组转对象2种方法有哪些_js 数组转对象
- lodash判断对象数组是否相等_js删除数组中指定元素并返回剩下的
- js定时器与延时器_JS做定时器倒计时
- JS查找数组中是否包含某个元素或对象「建议收藏」
- JS合并数组对象中重复数据[通俗易懂]
- js对象和原型、原型链的关系_2023-03-02
- js比较前后两个数组对象的差异
- Js 如何为对象拓展一个动态属性
- js中什么是对象,对象的概念是什么详解编程语言
- js动态往对象里边添加一项详解编程语言
- 创建JS文件:在Linux下实现自动化任务(linux创建js文件)
- 潜说js对象和数组
- js用Date对象处理时间实现思路及代码
- js跨浏览器实现将字符串转化为xml对象的方法
- js日期对象兼容性的处理方法
- js对象转json数组的简单实现案例
- JS自定义对象实现Java中Map对象功能的方法