码迷,mamicode.com
首页 > 其他好文 > 详细

前后台交互

时间:2015-08-31 23:09:46      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

1. 前台向后台传值

  提交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);
            }
        });
        
    });

2.

  

前后台交互

标签:

原文地址:http://www.cnblogs.com/weixiaole/p/4774214.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!