Trong bài viết này tôi muốn thảo luận làm thế nào để tạo ra một đơn giản đăng nhập Ajax PHP với trang đăng nhậpbằng cách sử dụng cơ sở dữ liệu MySQL. Điều này sẽ giải thích cho bạn tạo ra các bảng người sử dụng, đăng các giá trị hình thức và lưu trữ và phá hủy các giá trị phiên. Nếu bạn là một người mới bắt đầu PHP có một cái nhìn nhanh chóng thử nghiệm trực tiếp này với Username: 9lessons Mật khẩu: 9lessons.
JQuery Code
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<script src="js/jquery.min.js"></script>
<script src="js/jquery.ui.shake.js"></script>
<script>
$(document).ready(function()
{
$('#login').click(function()
{
var username=$("#username").val();
var password=$("#password").val();
var dataString = 'username='+username+'&password='+password;
if($.trim(username).length>0 && $.trim(password).length>0)
{
$.ajax({
type: "POST",
url: "ajaxLogin.php",
data: dataString,
cache: false,
beforeSend: function(){ $("#login").val('Connecting...');},
success: function(data){
if(data)
{
$("body").load("home.php").hide().fadeIn(1500).delay(6000);
//or
window.location.href = "home.php";
}
else
{
//Shake animation effect.
$('#box').shake();
$("#login").val('Login')
$("#error").html("<span style='color:#cc0000'>Error:</span> Invalid username and password. ");
}
}
});
}
return false;
});
});
</script>
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Các bạn có thể xem demo tại đây: http://demos.9lessons.info/ajaxLoginServer/index.php
Hoặc download tại đây: http://demos.9lessons.info/url.php?url=https://app.box.com/s/dbak3y6ahenacfh0pqu5
» Tin mới nhất:
» Các tin khác: