Jquery ajax传多个值

1.普通json格式，

$.ajax({url : '${request.contextPath}/materials/rejectMaterials',data : {apid:even,apdesc:text},type : 'post',success : function(data) {console.log(data);}});

后台接收

@RequestMapping("/rejectMaterials")public @ResponseBody String rejectMaterials(Integer apid,String apdesc) {}

2.对象类型，封装一对多（一个订单对应多个明细）

$("#save").click(function(){var name=$("#name").text();var sid=$("#sid").text();var initread=$("#initread").text();var data=$("#data").text();var phone=$("#phone").text();//封装申请单对象var mapply={"apstaffid":sid,"apnumber":initread,"apdata":data}//封装申请详情单对象var list =new Array();$("#applytable tbody tr").each(function(i){//console.log($(this).children('td').eq(1).text());var mid=$(this).children('td').eq(1).text();var maname=$(this).children('td').eq(2).text();var mspecification=$(this).children('td').eq(3).text();var msum=$(this).children('td').eq(4).children().val();var munit=$(this).children('td').eq(5).text();var mdesc=$(this).children('td').eq(6).children().val();var play={"mid":mid,"maname":maname,"mspecification":mspecification,"msum":msum,"munit":munit,"mdesc":mdesc}list.push(play);});//传一对多，一个申请单对应多个明细var data={"materialsapply":mapply,"list":list}console.log(data);$.ajax({url:'${request.contextPath}/materials/insertApply',type:'post',contentType:"application/json; charset=UTF-8", data:JSON.stringify(data),success:function(data){$("#myModal").modal('hide');if(data=="success"){alert("申请成功!");}else{alert("申请失败!");}}}); });

后台获取
写一个类封装json对象

public class MaterialsApplyPlay {private Materialsapply materialsapply;private List<Materialsplay> list;public Materialsapply getMaterialsapply() {return materialsapply;}public void setMaterialsapply(Materialsapply materialsapply) {this.materialsapply = materialsapply;}public List<Materialsplay> getList() {return list;}public void setList(List<Materialsplay> list) {this.list = list;}}

@RequestMapping("/insertApply")public @ResponseBody String insertApply(@RequestBody MaterialsApplyPlay materialsapplyplay) {获取成功}

Jquery ajax传多个值相关推荐

Jquery Ajax 登录，服务端分别为 aspx,ashx,asmx
Jquery Ajax 登录,服务端分别为 aspx,ashx,asmx 原文: http://www.cnblogs.com/StudyLife/archive/2012/02/22/2363174 ...
jquery Ajax应用
jQuery框架学习第六天:jQuery中的Ajax应用 jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理 ...
ajax向后台传多个值,jQuery ajax如何传多个值到后台页面，举例：(示例代码)
一.js代码 $("#save_change_").click(function(){ //从模态框中取值,并通过ajax传到后台 var account = document.g ...
jquery ajax java上传文件_jQuery Ajax方式上传文件的方法
jQuery Ajax方式上传文件用到两个对象第一个对象:FormData 第二个对象:XMLHttpRequest 目前新版的Firefox 与 Chrome 等支持HTML5的浏览器完美的支持这 ...
JQuery ajax 在aspx中传值和取值
传值:ajax中的data(json) js代码: <script type="text/javascript">$(function () {$("#bt ...
JQuery Ajax使用FormData对象上传文件图片
通过jQuery Ajax使用FormData对象上传文件 FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单" ...
flask ajax 上传图片,flask jQuery ajax 上传文件
1.html 代码注:1.html 部分主要是一个form表单,其中表单的enctype = "multipart/form-data" 必须要有. 2.由于我的页面背景颜色设置 ...
jQuery AJAX 网页无刷新上传示例
新年礼,提供简单.易套用的 jQuery AJAX 上传示例及代码下载.后台对文件的上传及检查,以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP). 有时做一个网站项目 ...
java ajax datatype_理解jquery ajax中的datatype属性选项值
jquery中ajax的dataType属性用于指定服务器返回的数据类型,如果不指定,jQuery 将自动根据HTTP包MIME信息来智能判断,如果datatype选项不填写的话,会将返回的数据当成字 ...

Jquery ajax传多个值

Jquery ajax传多个值相关推荐

最新文章

热门文章