0

モバイルjqueryとphpで認証システムを書いています。html コードは次のとおりです。

    <div data-role = "page" id ="dialogo">
        <a href = "#identificacion" id = "formdialog" data-rel="dialog"> </a>
    </div>
    
     <div data-role = "page" id = "identificacion">
        <div id ="main"> 
            <div id ="caplogin">
                <img src = "images/vives_logo.png"/>
                <p> Acceso</p>
                <div style ="clear:both;"></div>
            </div>
            <div style ="clear:both;"></div>
            <div id ="formlogin">
            <form name ="formautentificacion" id ="formautentificacion" method = "post" action = "" data-ajax="false">
                <table>
                    <tr> <td> Login </td> <td> <input type ="text" name ="user" id ="user" size="30"/></td> </tr>
                    <tr> <td> Password </td><td><input type ="password" name ="pass" id="pass" size="30"/></td></tr>
                    <tr> <td colspan = "2" align ="right"> <input type = "submit" id = "sbmt_aut" name = "sbmt_aut" value = "ENTRAR"/></td>
                </table>
            </form>
            </div>
        </div>
    </div>
    
    <div data-role = "page" id = "pageclients">
      
        <div id = "headerpageclient">
            <a href="index.php" class ="logout" data-role="button" data-icon="delete">SALIR</a> 
        </div>
        <div id = "clientes">
            
        </div>
    </div>
    
    <div data-role = "page" id = "pagepuntosventa">
        <div id = "headerpagepuntoventa">
            
        </div>
    </div>

PHPセッションを開始および破棄する2つのajax関数があり、ajax応答に従ってchangepageを使用します。ログインには機能が正しく、ログアウトしますが、サファリの戻るボタンが機能せず、最後のページに落ちます。

 $(document).delegate("#dialogo", "pageinit", function() {
    $("#formdialog").click();
})


    $(document).delegate("#identificacion", "pageinit", function() {
    
    
    $("#formautentificacion").submit(function(e){
        e.preventDefault();
        //e.stopImmediatePropagation();
        
        $.ajax({
            type: 'POST',
            url: 'ax/login.php',
            data:$(this).serialize(),
            cache: false,
            success: function(data)
            {
                if(data == 1)
                {
                    //$.mobile.changePage("promocion.php", {transition: "flip"});
                    //window.location = "index.php";
                    $.mobile.changePage("#pageclients", {transition: "flip"});
                }
                else
                {
                    if (data == 2)
                        alert("Usuario bloqueado, 3 intentos fallidos");
                    else
                        alert("Error en la identificación");
                }
                
                $("#user").val("");
                $("#pass").val("");
            }
        })
    })
    
    $(".logout").click(function(e){
        //e.preventDefault();
        logout();
    })
})

$(document).delegate("#pageclients", "pageinit", function() {
    seguridad();
})

セッションがオンであることを確認する関数 seguridad():

session_start();

include("../class/aut.php");
$aut = new aut();

$res = 0;

if (!empty($_SESSION["usuario"]) && !empty($_SESSION["token"]) )
{
    $_SESSION["usuario"] = mysql_real_escape_string($_SESSION["usuario"]);
    $_SESSION["token"] = mysql_real_escape_string($_SESSION["token"]);
    
    if ( $aut->checktoken($_SESSION["usuario"],$_SESSION["token"]) )
    {
        $_SESSION["token"] = md5(rand().$_SESSION["usuario"]);
        $aut->updateToken($_SESSION["usuario"], $_SESSION["token"]);
        $res = 1;
    }
    else
    {
        session_destroy();
        session_unset();
        $res = 0;
        //header("Location: index.php");
        //exit;
    }
}
else
{
    session_destroy();
    session_unset();
    $res = 0;
    //header("Location: index.php");
    //exit;
}

echo $res;
?>

関数ログアウト:

function logout()
{
    $.ajax({
        type: 'GET',
        url: 'ax/logout.php',
        cache:false,
        //async: false,
        success: function(data)
        {
            $("#formdialog").click();
        }
    })
}

セッションを閉じてから、セキュリティ機能を使用して各ページでセッションを確認しようとします。しかし、セッションを破棄すると、ダイアログをスキップせずにページに戻ることができます。

何か案は？

4

2 に答える 2

0

あなたの問題は、jQueryMobile が以前にアクセスしたページのキャッシュを DOM に保持していることだと思います。すべてのページ (または少なくとも最初のページ) を削除して、ユーザーが再アクセスしたときに jQueryMobile がそのコンテンツを再取得し、セッション コードをトリガーするようにしてください。

$('#somepage').remove();
于 2012-06-29T10:47:50.423 に答える
0

私が作成したアプリケーションを終了するボタンは次のとおりです。

logout.php

<?php
session_start();
session_unset();
session_destroy();
?>

JS

function logout()
{
    $.ajax({
        type: 'GET',
        url: 'ax/logout.php',
        cache:false,
        //async: false,
        success: function(data)
        {
            console.log("LOGOUT");
            //$.mobile.changePage("#dialogo");
        }

    })
    $.mobile.changePage("http://10.0.74.199/representantes");
}

そしてログアウトへのリンク

<a href="index.php" class ="logout ui-btn-right" data-role="button" data-icon="delete" data-theme="a">Salir</a>

最初のページの html:

<div data-role = "page" id ="dialogo">
            <a href = "#identificacion" id = "formdialog" data-rel="dialog"> </a>
        </div>

         <div data-role = "page" id = "identificacion" data-overlay-theme="f">
            <div id ="main"> 
                <div id ="caplogin">
                    <img src = "http://10.0.74.199/representantes/images/vives_logo.png"/>
                    <p> Acceso Promoción Vives </p>
                    <div style ="clear:both;"></div>
                </div>
                <div style ="clear:both;"></div>
                <div id ="formlogin">
                <form name ="formautentificacion" id ="formautentificacion" method = "post" action = ""  data-ajax="false">
                    <table>
                        <tr> <td> Login </td> <td> <input type ="text" name ="user" id ="user" size="30"/></td> </tr>
                        <tr> <td> Password </td><td><input type ="password" name ="pass" id="pass" size="30"/></td></tr>
                        <tr> <td colspan = "2" align ="right"> <input type = "submit" id = "sbmt_aut" name = "sbmt_aut" value = "ENTRAR"/></td>
                    </table>
                </form>
                </div>
            </div>
        </div>

そして、最初のページ初期化時に強制クリック

$(document).delegate("#dialogo", "pageinit", function() {
    $("#formdialog").click();
})

これでアプリケーションを閉じると、戻るボタンの履歴をクリックすると失敗し、index.php は最初のダイアログにリダイレクトされません。何か案は？

于 2012-07-04T10:22:20.663 に答える