RT,下面是代码:
一:这是主页面单出窗的代码:
<p id="login_reg">
<a class="btn btn-large btn-success"><b>登录/注册 </b></a>
</p>
<script>
$('#login_reg').click(function() {
layer.open({
title : '登录/注册页面',
time : 0,
type : 1,
skin : 'layui-layer-rim', //加上边框
area : [ '1000px', '500px' ], //宽高
content : $('#login_reg_window')
});
})
</script>
<script>
$("#login_frame").load(
"${pageContext.request.contextPath}/page/bizPage/login.jsp",
function(response, status, xhr) {
$('#login_frame').html(response);
});
</script>
<script>
$("#register_frame").load(
"${pageContext.request.contextPath}/page/bizPage/register.jsp",
function(response, status, xhr) {
$('#register_frame').html(response);
});
</script>
二:被调用的jsp代码
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>登录页_房屋中介网站</title>
<link rel="stylesheet"
href="${pageContext.request.contextPath}/ui/bs/css/bootstrap.min.css">
</head>
<body>
<div class="container-fluid" id="login_frame">
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6">
<h1 style="text-align: center">登录</h1>
<form class="form-horizontal" id="login_form" method="post"
style="padding-top: 50px; padding-bottom: 100px">
<div class="form-group">
<label for="user_account" class="col-sm-2 control-label">
用户名 </label>
<div class="col-sm-10">
<input type="text" class="form-control" id="user_account"
name="user_account" />
</div>
</div>
<div class="form-group">
<label for="user_password" class="col-sm-2 control-label">
密码 </label>
<div class="col-sm-10">
<input type="password" class="form-control"
id="user_password" name="user_password" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"> </label>
<div class="col-sm-10">
<div class="form-group">
<div class="col-sm-4">
<input type="checkbox" name="set_login_cookies" /> 下次自动登录
</div>
<div class="col-sm-7">
<div class="form-group">
<div class="col-sm-10">
</div>
<div class="col-sm-2">
<input type="submit" class="btn btn-primary" id="login_button" value="登录">
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="col-md-2"></div>
</div>
</div>
<script src="${pageContext.request.contextPath}/ui/bs/js/jquery.min.js"></script>
<script
src="${pageContext.request.contextPath}/ui/bs/js/bootstrap.min.js"></script>
<script>
$(function() {
$('#login_button').unbind("click").bind("click",function() {
$.ajax({
type : 'POST',
url : '${pageContext.request.contextPath}/userBiz',
dataType : 'json',
data : "user_account="+$("#user_account").val()+"&user_password="+$("#user_password").val()+"&action=login",
//data: "user_account=admin&user_password=admin&action=login",
success : function(msg){
if(msg.result==1){
alert("登陆成功");
location.reload();
}else{
alert(msg.msg);
}
}
})
})
})
</script>
</body>
</html>
如果单独使用登录页面的话后台可以接收到输入的用户名密码,但是通过主页面弹出到后,后台就接收不到用户名密码