<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
// evento para cuando se pulse click
$("#enviar_recibir").click(function(){
$("#res").html( returnAjax('recibe.php', { "envio1": "Alberto", "envio2" : "Maria" , "envio3" : "Jose" }) ) ;
});
////////////////// en el archivo php que Envia Y Recibe por AJAX ///////////////////////////////////////
// <?php
// echo '
// envio1 : <b>'.$_POST['envio1'].'</b><br>
// envio2 : <b>'.$_POST['envio2'].'</b><br>
// envio3 : <b>'.$_POST['envio3'].'</b><br>';
// ?>
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
// evento para cuando se pulse click
$("#enviar_abrir").click(function(){
EnvioAjax('recibe.php', { "envio1": "Luis", "envio2" : "Venezuela" , "envio3" : "Daniel" });
setTimeout( function(){ location.href="recibe.php"; },200);
});
////////////////// en el archivo php que Envia Y Abre por AJAX ///////////////////////////////////////
// <?php
// if(!isset($_SESSION)){session_start();}
// if (!empty($_POST['envio1'])){$_SESSION['envio1']=$_POST['envio1'];}
// if (!empty($_POST['envio2'])){$_SESSION['envio2']=$_POST['envio2'];}
// if (!empty($_POST['envio3'])){$_SESSION['envio3']=$_POST['envio3'];}
// echo '
// envio1 : <b>'.$_SESSION['envio1'].'</b><br>
// envio2 : <b>'.$_SESSION['envio2'].'</b><br>
// envio3 : <b>'.$_SESSION['envio3'].'</b><br>';
// ?> <br><button onclick="javascript:history.back()">Regresar</button>
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
});
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////// ESTAS FUNCIONES LAS PODEMOS GRABAR EN UN JS APARTE
///////////////////// PARA LUEGO PODER LLAMARLAS LA VECES QUE DESEEMOS EN NUESTRO PROYECTO
function EnvioAjax(url,valores){
$.ajax({
data: valores,
url: url,
type: 'post'
})
}
function returnAjax(url,valores){
var dev;
$.ajax({
type: 'post',
data: valores,
url: url,
async: false
})
.done(function(data){
dev = data;
});
return (dev);
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
</script>
</head>
<body>
<button id="enviar_recibir">Enviar Y Recibir por AJAX</button><br />
<button id="enviar_abrir">Enviar Y Abrir por AJAX</button><br />
<br /><div id="res"></div>
</body>
</html>
Comentarios sobre la versión: 1.0 (0)
No hay comentarios