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:
Este código lo he adaptado en un prueba.html, lo he ejecutado pero no logro visualizar el resultado del POST...$.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'); } });
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>