PHP / Ajax:如何在$ _SESSION变量值上显示/隐藏DIV?

时间:2013-10-01 07:45:27

标签: javascript php jquery ajax session

我在网上搜索了很多很多主题,讨论了会话变量以及如何通过Ajax从Javacript获取它们。但是,虽然我已经能够这样做,但这并不能完全解决我的问题。

  

目标

在线提供在线库存管理。

  

约束

  • 只有经过身份验证的用户才能管理在线广告资源
  • 对未经身份验证的用户隐藏广告资源管理控件
  • 每个部分必须独立通知身份验证,以便相应地显示/隐藏其控件
  

代码示例

  • authenticate.php
  • project.js
  • 的index.php
  • atv.php
  • ATV-库存list.php的
  • sectionhandler.php

的index.php

<?php session_start(); ?>
<html>
...
    <div id="newAtvDialog" title="Input information on the new ATV">
        <form id="newAtvAjaxForm" action="addNewAtv.php" method="post">
        ...
        </form>
    </div>
    <div id="section">
        <$php echo file_get_contents("inventory-sections.html"); ?>
    </div>
...
</html>

authenticate.php

<?php
require_once "data/data_access.php";

$userName = "";
$password = "";

if (isset($_REQUEST["userName"])) $userName = $_REQUEST["userName"];
if (isset($_REQUEST["password"])) $password = $_REQUEST["password"];

$isAuthentic = isAuthenticUser($userName, $password);
$_SESSION["isAuthentic"] = $isAuthentic;
echo $isAuthentic;

// I try to use the below-written function where ever I need to show/hide elements.
function isCurrentUserAuthenticated() { 
    return isset($_SESSION["isAuthentic"]) && $_SESSION["isAuthentic"]; 
}
?>

project.js

$(document).ready(function() {
    $("#newAtvDialog").dialog({
        autoOpen: false,
        closeOnEscape: true,
        modal: true,
        width: 1000
    });

    $("#newAtvAjaxForm").ajaxForm(function(data) {
        $("#newAtvDialog").dialog("close");
        $("#section").load("sectionhandler.php?section=atv&type=-1&make=0&year=0&category=0", function(event) { $("button").button(); }); 
    });
});

atv.php

<div id="newAtvButton"> <!-- This DIV is to be hidden when not authenticated -->
    <button id="addNewAtvButton">Add New ATV</div>
</div>
<div id="criterion">
    ...
</div>
<div id="atv-inventory">
    <?php include ('atv-inventory-list.php'); ?>
</div>

ATV-库存list.php的

<?php 
$type = -1;
$make = 0;
$year = 0;
$category = 0;

if (isset($_REQUEST["type"])) $type = $_REQUEST["type"];
...

$atvs = getAllAtvs($type, $make, $year, $category);
foreach ($atvs as $value=>$atv):
?>
<div class="inventory-item">
    <img src="<?php echo utf8_decode($atv->getPathToImage())">
    <div class="item-title">
    ...
    </div>
    <div id="commands">
    <!-- This is the way I have tried so far, and it doesn't seem to work properly. -->
        <button id="removeAtvButton" 
           class="<?php echo isCurrentUserAuthenticated() ? 'show' : 'hide'; ?>">
           Remove ATV
        </button> 
    </div>
</div>

sectionhandler.php

$section = "";
if (isset($_REQUEST["section"])) $section = $_REQUEST["section"];

$type = -1;
$make = 0;
$year = 0;
$category = 0;

// getting values from $_REQUEST[]

$activatedSection = "";

switch($section) {
    case "atv": $activatedSection = "atv.php";
    ...
}

$file = $url.raw_url_encore($activatedSection);
include $file;
  

补充想法

我想过设置一个布尔会话变量,该变量会在用户不活动约20分钟后过期,迫使他再次登录。

我知道我不会使用存储在数据库中的密码。这是本网站认证的第一步,我很快就会上网,因为客户很快就会要求发货。加密密码将是下一步。但首先,我需要显示/隐藏功能才能正常工作。

我也考虑过cookie,对于Web开发来说还是一个新手,我不太清楚什么是最好的方法。就我而言,最简单的最好,只要它意味着最小的安全性。毕竟这不是NASA的网站! ; - )

感谢大家的投入! =)

1 个答案:

答案 0 :(得分:1)

这是一个想法,但你可以在它上面工作;

actionURL 是一个php文件,您可以在其中检查用户是否使用有效会话登录。

如果用户已登录,

ajaxSession 函数将返回true或false。

然后你可以每X秒/分钟调用一次这个函数来控制会话是否还在继续。

window.setInterval(function(){
  // call your function here
  if(ajaxSession(actionUrl)){
      //return true, user logged, append/show protected divs.

  }else{
      //return false, remove/hide protected divs and ask user to log.

  }    
}, 5000); //every 5 seconds.

ajaxSession函数:

 function ajaxSession(actionUrl) {
        var sessionOK= false;

        $.ajax({
        async: false,
        url: actionUrl,
        success: function(msg) {
             // check the return call from the php file.
              if(msg== 'OK'){ 
                 sessionOK = true;
              }else{
                 sessionOk = false;
              }
        }});

        return sessionOK;
    }

修改

我将为 actionUrl 添加一个示例代码,如果会话是否设置为 ajaxSession 函数,它将返回:

<?php
    session_start();

    // $_SESSION['reg'] is true when the user is logged in.
    if($_SESSION['reg'] == true){
        echo 'OK';
    }else{
        echo 'NO';
    }
?>

请记住在ajaxSession函数中检查Ajax调用的结果。如果没有问题,则sessionOk = true,否则,sessionOk = false。