前后台交互
2015-08-31 21:44
281 查看
1. 前台向后台传值
提交form表单
用form提交有个问题就是:提交到后台后,成功后,后台跳转页面只能跳到响应的页面了,但是想要保留在本页面并且弹出alert,就只能这种方法,应该加上@ResponseBody
js中用ajax
url传值
前台从url路径上获得值
提交form表单
<form id="sb" action="${pageContext.request.contextPath }/admin/loanContract/addOrUpdate.do" method="post"> 各种输入框各种值 <button class="tjbtn" id="sbm">提 交</button></form>
用form提交有个问题就是:提交到后台后,成功后,后台跳转页面只能跳到响应的页面了,但是想要保留在本页面并且弹出alert,就只能这种方法,应该加上@ResponseBody
@RequestMapping("updateSelfdomNeed") @ResponseBody public void updateSelfdomNeed(HttpServletRequest request,HttpServletResponse response){ String textArea = request.getParameter("textArea"); String wishId = request.getParameter("wishId"); int count = selfdomNeedService.updateSelfNeed(wishId,textArea); response.setContentType("text/html;charset=utf-8"); PrintWriter out = null; try { out = response.getWriter(); if(count>0){ out.print("<script>alert('处理成功!');" + "location.href='/CarExchange/admin/selfdomNeed/selfdomNeedList.do';</script> "); } else{ out.print("<script>alert('处理失败!');location.href='/CarExchange/admin/selfdomNeed/selfdomNeedList.do';</script> "); out.close(); } } catch (IOException e) { e.printStackTrace(); } }
js中用ajax
$("#sbm").click(function(){ var sp = $("#sp").html(); if(sp!='交易订单已存在!'){ $("#sb").submit(); return; } alert('交易订单已存在或为空!'); return; }); $("#tradeCode").blur(function(){ var tradeCode = $("#tradeCode").val(); $.ajax({ url:"checkTradeCode.do", data:{tradeCode:tradeCode}, dataType:"json", success:function(data){ var arr = eval(data); $("#sp").html(arr.code); } }); });
url传值
<c:if test="${result.status eq 3}"> <input type="hidden" value="${result.status }" name="status" id ="status"/> <input type="button" name="" class="majoBtn" onclick="location.href='${pageContext.request.contextPath }/admin/orderpayment/payviewshow.do?orderCode=${result.orderCode}&paySource=2'" value="支付尾款"> <span class="txtdec fs10 open"> <a href="javascript:void(0)" id="" onclick="orderDetails(${result.orderCode })" title="查看详情" class="" >查看详情</a> </span> <span class="txtdec fs10 open"> <a href="javascript:void(0)" onclick="CancelOrder(${result.orderCode })" title="取消订单" class="">取消订单</a> </span> </c:if> function CancelOrder(orderCode){ var status = $("#status").val();//按id取值 if (confirm("是否取消订单?")) { window.location.href ="../order/CancelOrder.do?orderCode="+orderCode+"&status="+status; } }
前台从url路径上获得值
GetQueryString :function(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i"); var r = window.location.search.substr(1).match(reg); if (r!=null) return (r[2]); return null; }, var carId = frontLogin.GetQueryString("carId");
相关文章推荐
- AFnetworking接收数据可变的问题!
- 分布式一致性原理—BASE
- HDOJ 4456 Crowd 离散化+二维树状数组
- 投资股权众筹项目,至少需要关注6个方面
- 【JS】测试:HTML页面引入另一个HTML页面,同名ID会冲突吗
- Hadoop学习笔记(十六)---HBase JAVA API
- PAT (Basic Level) Practise (中文) 1017. A除以B (20)
- 投资股权众筹项目,至少需要关注6个方面
- 惠普一周
- [笔记] 大家一起来测试,benchmark起来(MySQL下的TPC-C,TPC-H,TPC-W)
- 一个聊天界面
- 数组的引用于引用数组
- JavaSE增强之反射
- c++の文件读写
- Java多线程编程总结
- JavaScript根据文件名后缀判断是否图片文件
- POJ3260--The Fewest Coins(混合背包)
- Android画图demo
- shell统计文本中单词的出现次数
- Spring.Net 初探之牛刀小试