简单登录系统spa/php/mySQL/jQuery [英] simple login system spa/php/mysql/jquery

问题描述

我正在尝试创建一个简单的登录系统-我已经尽可能地让我的用户能够登录并查看他的个人资料页面。我正在尝试使这个链接在LOGIN_SUCCESS.php模板中起作用……现在它只是将"#"附加到url(因为我正在使用它作为占位符。

以下是我的代码：

js/Applation.js

$(document).ready(function() {
    $("#main").load("templates/indexforms.php", function () {
        $("#login").submit(function(e) {
            e.preventDefault();
            $.post("checklogin.php", $(this).serialize(), function() {
                $("#main").load("templates/login_success.php");
                $("#login").remove();
                $("#register").remove();
            });
        });

        $("#register").submit(function(e) {  
            e.preventDefault();
            $.post("checkreglogin.php", $(this).serialize(), function(){
                $("#main").load("templates/login_success.php");
                $("#login").remove();
                $("#register").remove();
            });
        });
    });


    $("#loginlinkdiv a").click(function(event) {
        event.preventDefault();
        $("#main").empty();
        $("#main").load("templates/logout.php");
    });

    $("#logoutlinkdiv a").click(function(event) {
        event.preventDefault();
        $("#main").empty();
        $("#main").load("templates/indexforms.php");
    });
});

模板/LOGIN_SUCCESS.php

<?php
session_start();

if($_SESSION['username'] === null){
    header("location: ../index.php");
}
?>

<h1>Login Successful</h1>
<h2>Username: <? echo $_SESSION['username']?></h2>
<div id="logoutlinkdiv" >
    <a href = "#" >Log out</a>
</div>

我不明白为什么当我单击注销链接时没有任何反应。

推荐答案

我认为这应该行得通：

$(document).on("click", "#logoutlinkdiv a", function(e) {
e.preventDefault();
   alert('logout button clicked');
 });

和说明：http://bugs.jquery.com/ticket/11203

这篇关于简单登录系统spa/php/mySQL/jQuery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！