思路是webapp/login.jsp 登陆后 跳转至WEB-INF/jsp/menu.jsp 点击事件后 ajax回调success也执行了 java类也进入了 但就是页面无跳转 也无错误 请大侠帮忙解析一下~~
login.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
idea
<title>Login</title>
<link href="css/style.css" rel="stylesheet">
<link href="css/style-responsive.css" rel="stylesheet">
<link href="css/toastr.css" rel="stylesheet"/>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<!-- <script src="js/modernizr.min.js"></script> -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/toastr.min.js"></script>
<script type="text/javascript">
var base = '${base}';
toastr.options = {
"closeButton": false, //是否显示关闭按钮
"debug": false, //是否使用debug模式
"positionClass": "toast-top-full-width",//弹出窗的位置
"showDuration": "300",//显示的动画时间f
"hideDuration": "1000",//消失的动画时间
"timeOut": "5000", //展现时间
"extendedTimeOut": "1000",//加长展示时间
"showEasing": "swing",//显示时的动画缓冲方式
"hideEasing": "linear",//消失时的动画缓冲方式
"showMethod": "fadeIn",//显示时的动画方式
"hideMethod": "fadeOut" //消失时的动画方式
};
jQuery(document).ready(function ($) {
$("#login").click(function () {
var params = $('input').serialize(); //序列化表单的值
$.ajax({
data: {
username: username,
password: password
},
type: "POST",
//dataType: 'json',
async: false,
url: "login/sayMore",
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
},
success:function(){
alert("跳转成功");
window.location.href = "menu.jsp";
}
});
})
})
</script>
YXY Login
<button class="btn btn-lg btn-login btn-block" type="submit" id="login">
<i class="fa fa-check"></i>
</button>
</div>
</form>
menu.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
Title
成功了
java程序
@At("/login")
public class LoginController {
@At
@Ok("jsp:jsp.menu")
public void sayMore(@Param("username") String username,
@Param("password") String password, HttpSession session) {
System.out.println("方法已进入");
}
}