Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: RAM47 en 01 de Diciembre 2016, 21:59

Título: cómo puedo pasar una variable entre páginas con ajax/jquery?
Publicado por: RAM47 en 01 de Diciembre 2016, 21:59
Tengo dos páginas PHP y estoy intentando pasar una variable entre ellas. Si lo hago con formulario no tengo problemas.
pagina1.php
Código: [Seleccionar]
<!DOCTYPE HTML>
<html lang="">
<head>
    <meta charset="UTF-8">
    <title>página 1</title>
</head>
<body>
<div class="container">
<!--inicio bucle for con variable de sesión-->
<?php for($a = 0; $a < 3; $a++): ?>

<!--botones y variables-->
<form action="pagina2.php" method="post">
<input type="hidden" name="var" value="
<?php echo $a; ?>
">
<input type="submit" name="submit" value="Index
<?php echo $a; ?>
">
</form>   
<!--cierro bucle for-->
<?php endfor; ?>

</div>
</body>
</html>

pagina2.php
Código: [Seleccionar]
   
<?php    header('Content-Type: text/html; charset=utf-8');    //tomo variable de pagina1.php     $variable = $_POST['var'];      echo $variable;    ?>


pero si intento hacer lo mismo con ajax, no logro pasar la variable

pagina1.php
Código: [Seleccionar]
<!DOCTYPE HTML>
<html lang="">
<head>
    <meta charset="UTF-8">
    <title>página 1</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
        $('form').submit(function(e) {
            e.preventDefault();
            $.ajax({
                url: "pagina2.php",
                type: "POST",
                data: $('form').serialize(),
                dataType: "HTML",
                success: function( data ) {
                    $('body').append(data);
                },
                error: function(jqXHR, data ) {       
                    alert ('Ajax request Failed.');   
                }
            });
        });
    });
    </script>
</head>
<body>
<div class="container">
<!--inicio bucle for con variable de sesión-->
<?php for($a = 0; $a < 3; $a++): ?>

<!--botones y variables-->
<form action="variable2.php" method="post">
<input type="hidden" name="var" value="
<?php echo $a; ?>
">
<input type="submit" name="submit" value="Index
<?php echo $a; ?>
">
</form>   
<!--cierro bucle for-->
<?php endfor; ?>

</div>
</body>
</html>

pagina2.php
Código: [Seleccionar]
   
<?php    header('Content-Type: text/html; charset=utf-8');    //tomo variable de pagina1.php     $variable = $_POST['var'];      echo $variable;    ?>


cómo lo puedo hacer?
Título: Re:cómo puedo pasar una variable entre páginas con ajax/jquery?
Publicado por: Ogramar en 09 de Diciembre 2016, 19:46
Buenas RAM47 mírate los ejemplos de este curso, quizás te sirvan de ayuda: https://www.aprenderaprogramar.com/index.php?option=com_content&view=category&id=83&Itemid=212

Salu2