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?
