一、get传输:
①jsp页面:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="<%=application.getContextPath()%>/js/jquery.js"></script> <script type="text/javascript"> function loginS(){ alert("aaaa"+$("#username").val()+", "+$("#password").val()); var user = {username:$("#username").val(),password:$("#password").val()}; $.ajax({ type:'get', url:'${pageContext.request.contextPath }/user/login.do', contentType:'application/json;charset=utf-8', //数据格式是json串,商品信息 data:user, success:function(data){//返回json结果 alert(data); } }); } </script> </head> <body> <form id="user" action="user/login.do" method="post"> <!-- <input type="hidden" name="_method" value="delete" /> --> <div id="showErrorMsg" style="display: none">错误原因</div> <table> <tr><td><input id="username" name="username" type="text" placeholder="用户名" /></td></tr> <tr><td><input id="password" name="password" type="password" placeholder="密码" /></td></tr> <tr><td colspan="2"><input type="button" id="login" value="登录" onclick="loginS();" /></td></tr> </table> </form> </body> </html>
②后台:
@RequestMapping(value="/login", method=RequestMethod.GET) public String login(HttpServletRequest request,User user){ System.out.println("222----"); User selUser = userService.login(user); request.setAttribute("User", selUser); if(selUser !=null){ return "/allUser"; }else{ return "/allUser"; } }
二、post传输:
① jsp页面:将js中的type:"get" 改为 type:"post";将data:user 改为 data:JSON.stringify(user)
② 后台:
@RequestMapping(value="/login", method=RequestMethod.POST) @ResponseBody public String login(@RequestBody User user,HttpServletRequest request){ System.out.println("222----"); User selUser = userService.login(user); request.setAttribute("User", selUser); if(selUser !=null){ return "/allUser"; }else{ return "/allUser"; } }