使用div刷新Ajax登录?

时间:2011-06-27 08:00:19

标签: ajax login

我是ajax和javascript的新手,我想用ajax替换我的php / mysql登录系统,这样如果用户成功登录而没有页面重定向,我的div就会刷新。

2 个答案:

答案 0 :(得分:1)

假设您有内容<div id="login"></div>和以下jQuery:

$(document).ready(function () {
  $.ajax({
    url: 'login.php',
    success: function (data) {
      $('#login').html(data);
    }
});

然后在你的login.php文件中:

<?php
  session_start();
  if ($_SESSION['isLoggedIn']) {
    header('Location: my_account.php'); //This is the page to show if user is logged in
    exit;
  }
?>
<form action="login_process.php" method="post">
  ...
</form>

这样,当客户端的请求触发ajax加载div#login内容时,如果用户已经登录,则加载的内容将来自my_account.php页面。

答案 1 :(得分:-1)

嗯,这是不完整的......但这就是概念

$.post("login.php", { name: "John", pass: "1234" },
function(data) {
 alert("Data Loaded: " + data);
 if (data == 'OK') {
   $('#divlogin').hide();
   $('#otherdiv').show();
 }
});