Buenos días a todos,
No soy tan experto en ajax y jqueries pero he tratado de investigar lo más que he podido en estos 3 días y me trabo en un punto, les explico:
Deseo obtener el número de asientos disponibles que existe en una ruta de viaje, este me lo brinda una web. Deseo crear una simple web local, y que me muestre solo, por ejemplo "8" y evitarme el proceso de ingresar los datos en el formulario...
La pagina es la siguiente:
[URL="http://www.cruzdelsur.com.pe/?utm_source=google&utm_medium=search&utm_campaign= tarif_insup"]http://www.cruzdelsur.com.pe/?utm_source=google&utm_medium=search&utm_campaign= tarif_insup[/URL]
Para ello he entrado al código del botón "BuscarItineario" y he encontrado la consulta del tipo POST en AJAX, el cual es el siguiente:
Código:
$.ajax({
url:'/index/datospasouno',
type:'post',
data:{txtOri:txtOrigen,valOri:valOrigen,txtDest:txtDestino,valDest:valDestino,fchSda:fechSalida,fchLlgda:fechLlegada,sal:salidas,servicio:servicio,filaIda:'',colIda:'',pestIda:pest_Ida,pxmIda:0,posTabIda:'0px',filaRet:'',colRet:'',pestRet:pest_Ret,pxmRet:0,posTabRet:'0px',inter:0,opc:opcion,cksIda:'',cksRet:'',ckSelIda:'',ckSelRet:'',moneda:valMon,ageOri:ageOrigen,ageDes:ageDestino},
success:function(){
//alert('hola');
}
});
Este código lo he adaptado en un prueba.html, lo he ejecutado pero no logro visualizar el resultado del POST...
Mi código de prueba.html es el siguiente:
Código HTML:
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type = "text/javascript" language = "javascript">
$(document).ready(function() {
$("#driver").click(function(event){
$.ajax({
url:'http://www.cruzdelsur.com.pe/index/datospasouno',
type:'post',
data:{
txtOri:'Lima [Javier Prado]',
valOri:'LIM',
txtDest:'Buenos Aires',
valDest:'BSA',
fchSda:'04/04/2016',
fchLlgda:'11/04/2016',
sal:'i',
servicio:'-1',
filaIda:'',
colIda:'',
pestIda:'tab2_ida2',
pxmIda:'0',
posTabIda:'0px',
filaRet:'',
colRet:'',
pestRet:'tab2_ret2',
pxmRet:'0',
posTabRet:'0px',
inter:'0',
opc:'fi',
cksIda:'',
cksRet:'',
ckSelIda:'',
ckSelRet:'',
moneda:'1',
ageOri:'076',
ageDes:'750'},
success: function(data) {
$('#stage').html(data);
}
});
});
});
</script>
</head>
<body>
<p>Click on the button to load result.html file -</p>
<div id = "stage" style = "background-color:cc0;">
STAGE
</div>
<input type = "button" id = "driver" value = "Load Data" />
</body>
</html>
Alguien que me pueda orientar por favor... o tal vez lo que deseo hacer no es posible... gracias por su ayuda..