Вход Ajax с обновлением div?

Question

Я новичок в ajax и javascript, я хочу заменить свою систему входа php / mysql, используя ajax, чтобы мой div обновлялся, если пользователь успешно вошел в систему без перенаправления страницы.

Answer 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 #, если пользователь уже вошел в систему, вместо него будет загружено содержимое страницы my_account.php.

Answer 2

Ну, это не полностью ... но это концепция

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