使用jquery的ajax方式和后台springmvc进行数据交互,主要部分代码案例作为备份。
ajax请求方式:
<script type="text/javascript" > $(document).ready(function() { //ajax登陆功能 $("#login_button").click(function(){ var loginName = $("#loginName").val(); var password = $("#password").val(); $.ajax({ type:"get",cache:false,url:"login-login.json?loginName="+loginName+"&loginPasswd="+password,dataType:"json",success : function(msg) { if(msg.state == "0"){ alert("登陆失败"); }else{ window.location.reload();//刷新当前页面. } } }); }); //ajax用户退出功能 $("#logout").click(function(){ $.ajax({ type:"get",url:"login-logout.json",success:function(msg) { if(msg.state == "0"){ alert("注销失败"); }else{ window.location.reload();//刷新当前页面. } } }); }); }); </script>
后台controller方式:
@RequestMapping("ttjjlogin-login") public void login(TtjjLogin ttjjLogin,ModelMap mm,HttpServletRequest request,HttpServletResponse response){ //登录功能 // //ajax使用json方式返回数据 JSONObject js = new JSONObject(); js.put("state","0"); response.getWriter().print(js.toString()); }数据格式使用json方式。
ajax中:
type:"get",请求类型
cache:false,不使用缓存详情查看
url:"logout.json",请求地址 。后面也可以加入?之后添加数据。格式如下 url:"logout.json?name=132&pwd=abc",
dataType:"json",数据类型是json
success:function(msg) {} 成功返回回调函数 msg就是response.getWriter().print(js.toString());返回的内容,可以在回调函数中添加自己的js操作。