Tengo desarrollado un simple Wizard
, el funcionamiento es como el uso de un tabs
, que solamente oculta y muestra el div
en el paso que se encuentra.
<div id="step1" class="step">
</div>
<div id="step2" class="step">
</div>
<div id="step3" class="step">
</div>
El contenido se muestra de acuerdo al paso mediante var step = <?php echo $step ?>;
si en la variable de javascript/jquery
tiene la siguiente información var step = 3;
se va mostrar el contenido del id step3
es decir lo siguiente:
<div id="step3" class="step">
</div>
Para guardar los pasos que se encuentra el usuario actualmente y así evitar el retroceso del avance del mismo, estoy usando sesiones de PHP
, para mostrarle al usuario el paso donde quedo y no comenzar desde el inicio, para ello tengo tres archivos PHP
:
saveTemp.php
<?php
session_start();
$step = isset($_GET['step']) ? $_GET['step'] : 1;
$_SESSION['datos_form'] = $_POST;
include 'php/libs/validate.php';
header('Content-Type: application/json');
$json = array(
'radio' => $radio,
'step' => $step
);
echo json_encode($json);
?>
wizard.php
<?php
//session_start();
if (isset($_GET['p'])) {
session_destroy();
session_start();
}
include 'validate.php';
$r =array(
1 => 'Transferencia Bancaria',
2 => 'PayPal',
3 => 'Tarjeta de credito',
);
?>
validate.php
<?php
$datosForm = (isset($_SESSION['datos_form']) && is_array($_SESSION['datos_form'])) ? $_SESSION['datos_form'] :array();
$sPaso = isset($datosForm['__step__']) ? $datosForm['__step__'] : 1;
$step = isset($step) ? $step : $sPaso;
$radio = isset($datosForm['radio']) ? $datosForm['radio'] : 1;
$_SESSION['datos_form']['__step__'] = $step;
?>
Ya los pasos guardados los recupero de la siguiente forma:
<script type="text/javascript">
var step = <?php echo $step ?>;
var radio = <?php echo $radio ?>;
</script>
El problema que estoy presentando es al finalizar la compra, donde estoy intentando eliminar las sesiones de los pasos $step
para reiniciarlos al paso 1, usando la función unset
:
if($payment === 'Completed'){
session_start();
unset($_SESSION['datos_form']);
unset($_SESSION['__step__']);
unset($_SESSION['formid']);
unset($_SESSION['sPaso']);
unset($_SESSION['Pending']);
unset($_SESSION['radio']);
unset($_SESSION['p']);
unset($_SESSION['step']);
unset($step);
unset($radio);
}
He realizado un var_dump($_SESSION);
y un print_r($GLOBALS);
obteniendo la siguiente información:
[_SESSION] => Array
(
[datos_form] => Array
(
[__step__] => 3
)
[4b228aaae2a6a7ce403bc4ecbc481de6] => ../libro.pdf
[cart] => Array
(
[0] => 11
)
[qty] => Array
(
[0] => 1
)
[formid] => 64da7c62c643f40684f573acffb144eba6bfaf63
[id_user] => 1
)
)
var_dump
array(6) { ["datos_form"]=> array(1) { ["__step__"]=> string(1) "3" }
Cuando paso al paso 1 se obtiene el siguiente cambio:
[datos_form] => Array
(
[__step__] => 1
)
array(6) { ["datos_form"]=> array(1) { ["__step__"]=> string(1) "1" }
Cuando paso al paso 2 se obtiene el siguiente cambio:
[datos_form] => Array
(
[__step__] => 2
)
array(6) { ["datos_form"]=> array(1) { ["__step__"]=> string(1) "2" }