Ajax+JSP登陆后带参数跳转

点击提交按钮后使用Ajax将用户名和密码传至后台校验，然后判断返回结果进行跳转或提示错误。

 <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
 <html>

 <head>
     <meta charset="UTF-8">
     <title>登陆页面</title>
     <link rel='stylesheet prefetch' href='login/bootstrap.min.css'>
     <link rel="stylesheet" href="login/style.css">
     <script src="jquery-3.2.1.min.js"></script>

     <script type="text/javascript">
         function sub() {
             var name = $("#name").val();
             var password = $("#password").val();
             //第二步：验证数据，这里需要从数据库调数据，我们就用到了ajax
             $.ajax({
                 url: "/usercheck",//请求地址
                 data: {name: name, password: password},//提交的数据
                 type: "POST",//提交的方式
                 dataType: "TEXT", //返回类型 TEXT字符串 JSON XML
                 success: function (data) { // 校验返回内容，进行跳转
                     //开始之前要去空格，用trim()
                     if (data.trim() == "true") {
                         window.location.href = "/welcome?name=" + name + "&password=" + password;
                     }
                     else {
                         alert("用户名或者密码错误!");
                     }
                 }
             })
         }

     </script>
 </head>

 <body>
 <div class="wrapper">
     <div class="form-signin">
         <h2 class="form-signin-heading">请登陆</h2>
         <input type="text" class="form-control" value="mike" name="name" id="name" placeholder="用户名" required=""
                autofocus=""/>
         <input type="password" class="form-control" value="123" name="password" id="password" placeholder="密码"
                required=""/>
         <label class="checkbox">
             <input type="checkbox" value="remember-me" id="rememberMe" name="rememberMe">记住我
             &nbsp;&nbsp;&nbsp;&nbsp;<a href="infoSubmit.html">注册</a>
         </label>
         <%--<button class="btn btn-lg btn-primary btn-block" id="btn">登陆</button>--%>
         <button type="submit" id="btn" class="btn btn-lg btn-primary btn-block" onclick="sub()">提交</button>
     </div>
 </div>
 </body>

 </html>

界面如下：