pagina1.php
Código :
<!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", dataType: "HTML", success: function( data ) { $('body').append(data); }, error: function(jqXHR, data ) { alert ('Ajax request Failed.'); } }); }); }); </script> </head> <body> <div class="content"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam felis mi, pellentesque at scelerisque eu, consectetur quis felis. Aliquam mollis </p> </div> <div class="form"> <!--defino variable--> <?php $a = "imagenes"; ?> <!--formulario para enviar variable a pagina2.php--> <form action="pagina2.php" method="post"> <input type="hidden" name="var" value="<?php echo $a; ?>"> <input type="submit" name="submit" value="imagenes"> </form> </div> </body> </html>
pagina2.php
Código :
<?php header('Content-Type: text/html; charset=utf-8'); //tomo variable de pagina1.php $variable = $_POST['var']; //defino directorio $img_dir = $variable . "/"; //funcion glob para leer imágenes de directorio foreach(glob($img_dir . '*.jpg') as $images) { echo '<img src="'.$img_dir.$images.'">'; } ?>
Alguien me puede ayudar?