|
|
|
รบกวนผู้รู้ช่วยแนะนำหน่อยครับ Ajax หน้า login ไม่ทำงาน |
|
|
|
|
|
|
|
พยายามลองแก้ดูแล้วแต่ไม่สามารถ login ได้ รบกวนผู้รู้ช่วยแนะนำหน่อยครับ ไม่ทราบว่าโค้ดผิดตรงไหน
Code (PHP)
<?php session_start();?>
<!DOCTYPE html>
<html lang="en">
<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>LOGIN</title>
<!-- Global stylesheets -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
<link href="assets/css/icons/icomoon/styles.css" rel="stylesheet" type="text/css">
<link href="assets/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="assets/css/core.css" rel="stylesheet" type="text/css">
<link href="assets/css/components.css" rel="stylesheet" type="text/css">
<link href="assets/css/colors.css" rel="stylesheet" type="text/css">
<!-- /global stylesheets -->
</head>
<body class="login-container bg-slate-800">
<!-- Page container -->
<div class="page-container">
<!-- Page content -->
<div class="page-content">
<!-- Main content -->
<div class="content-wrapper">
<!-- Content area -->
<div class="content">
<!-- Advanced login -->
<form action="#" id="frm-login" method="post">
<div class="panel panel-body login-form">
<div class="text-center">
<div class="icon-object border-warning-400 text-warning-400"><i class="icon-people"></i></div>
<h5 class="content-group-lg">LOGIN <small class="display-block">admin login</small></h5>
</div>
<div class="form-group has-feedback has-feedback-left">
<input type="text" class="form-control" placeholder="Username" name="username" id="username" required autocomplete="off">
<div class="form-control-feedback">
<i class="icon-user text-muted"></i>
</div>
</div>
<div class="form-group has-feedback has-feedback-left">
<input type="password" class="form-control" placeholder="Password" name="password" id="password" required autocomplete="off">
<div class="form-control-feedback">
<i class="icon-lock2 text-muted"></i>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn bg-blue btn-block" name="btn-login" id="btn-login">Login <i class="icon-circle-right2 position-right"></i></button>
</div>
</div>
<div id="msg_alert"></div>
</form>
<!-- /advanced login -->
</div>
<!-- /content area -->
</div>
<!-- /main content -->
</div>
<!-- /page content -->
</div>
<!-- /page container -->
<!-- Core JS files -->
<script src="assets/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="assets/js/plugins/loaders/pace.min.js"></script>
<script type="text/javascript" src="assets/js/core/libraries/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/core/libraries/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/plugins/loaders/blockui.min.js"></script>
<!-- /core JS files -->
<!-- Theme JS files -->
<script type="text/javascript" src="assets/js/plugins/forms/styling/uniform.min.js"></script>
<script type="text/javascript" src="assets/js/core/app.js"></script>
<script type="text/javascript" src="login.js"></script>
<!-- /theme JS files -->
</body>
</html>
Code (Java)
$('document').ready(function()
{
/* validation */
$("#frm-login").validate({
rules:
{
password: {
required: true,
},
username: {
required: true,
},
},
messages:
{
password:{
required: "please enter your password"
},
username: "please enter your usename",
},
submitHandler: submitForm
});
/* validation */
/* login submit */
function submitForm()
{
var data = $("#frm-login").serialize();
$.ajax({
type : 'POST',
url : 'login_process.php',
data : data,
beforeSend: function()
{
$("#msg_alert").fadeOut();
$("#btn-login").html('<span class="glyphicon glyphicon-transfer"></span> sending ...');
},
success : function(response)
{
if(response=="1"){
$("#btn-login").html('<img src="btn-ajax-loader.gif" /> Signing In ...');
setTimeout(' window.location.href = "property.php"; ',3000);
}
else{
$("#msg_alert").fadeIn(1000, function(){
$("#msg_alert").html('<div class="alert alert-danger"> <span class="glyphicon glyphicon-info-sign"></span> '+response+' !</div>');
$("#btn-login").html('<span class="glyphicon glyphicon-log-in"></span> Sign In');
});
}
}
});
return false;
}
/* login submit */
});
Tag : PHP, Ajax, jQuery
|
|
|
|
|
|
Date :
2019-03-22 00:22:06 |
By :
fourcasia |
View :
522 |
Reply :
1 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (JavaScript)
alert(response);
Debug ดูค่านี้ครับ
|
|
|
|
|
Date :
2019-03-22 16:42:25 |
By :
mr.win |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|