Autor Tema: cómo puedo pasar una variable entre páginas con ajax/jquery?  (Leído 3810 veces)

RAM47

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 14
    • Ver Perfil
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?

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Re:cómo puedo pasar una variable entre páginas con ajax/jquery?
« Respuesta #1 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

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".