Que tal veran tengo un problema con un script que ejecuto con AJAX para obtener una consulta por medio de un Input del tipo text a través del enter (al escribir un ID en el input y dar enter ejecuta la consulta y me regresa el resultado), cuando detecto el codigo del Enter (13) envio la consulta por AJAX y me la regresa desplegando un DIV entero con los resultados, les muestro el codigo.
Este es el objeto de AJAX:
Código Javascript:
Ver original
/************Funciones de Ajax para el intercambio Asincrono de Información*************/ function objetoAjax(){ var xmlhttp=false; try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } } if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp = new XMLHttpRequest(); } return xmlhttp; }
Y este es el codigo que utilizo para mandar llamar el Objeto AJAX, enviar los criterios y busqueda cuando se activa el Enter:
Código Javascript:
Ver original
/****************Realizacion de consulta por medio de AJAX al presional ENTER Keycode == 13********************/ function detectkey(evt,obj) { keycode = (evt.keyCode==0) ? evt.which : evt.keyCode; if (keycode==13){ folio=obj.value + String.fromCharCode(keycode); pagina='externos/filtra.php?folio='+folio; } divcontenido = document.getElementById('SSform1'); ajax=objetoAjax(); ajax.open("POST", pagina, true); ajax.onreadystatechange=function() { if (ajax.readyState==4) { divcontenido.innerHTML = ajax.responseText } } ajax.send(null); }
Confiezo que no entiendo aun en su totalidad como funciona el script en algunas partes pero si entiendo gran parte de este, ahora este es el codigo en PHP que envio como respuesta al hacer la consulta:
Código PHP:
Ver original
<?php $conexion = mysql_connect("localhost", "root", "root") or die ("No se puede conectar con el servidor"); $db="bitacora_digeset"; // el nombre de la base de datos mysql_select_db($db, $conexion) or die('No pudo seleccionarse la BD.'); // conectamos con la base de datos $folio = $_REQUEST['folio']; $query="SELECT servicio, quien_reporta, dependencia, desc_de_servicio, traslado, quien_recibio, extension FROM bitacora_de_consultas WHERE (folio LIKE '$folio')"; }; ?> <?PHP echo"<div id='SSform1' class='SSform1'>"; /*Div del que se tomaran y mostrara los resultados de la consulta*/ echo"<div class='intform1-1'>"; echo"<p class='NumFolio'>".'Número de FOLIO: '."<input type='text' name='name'/></p>"; echo"<p class='Servicio'><font class='LetrasAzul'>".'Servicio: '."</font><font class='LetrasNegras'>".$row['servicio']."</font></p>"; echo"<p class='QnRe'><font class='LetrasAzul'>".'Quién reporta: '."</font><font class='LetrasNegras'>".$row['quien_reporta']."</font></p>"; echo"<p class='Depen'><font class='LetrasAzul'>".'Dependencia: '."</font><font class='LetrasNegras'>".$row['dependencia']."</font></p>"; echo"<p class='DescripServi'><font class='LetrasAzul'>".'Descripción del servicio: '."</font><font class='LetrasNegras'>".$row['desc_de_servicio']."</font></p>"; echo"</div>"; echo"<div class='intform1-2'>"; echo"<font class='LetrasAzul'>".'Requiere Traslado: '."</font><font class='LetrasNegras'>".$row['traslado']."</font>"; echo"</div>"; echo"<div class='intform1-3'>"; echo"<font class='LetrasAzul'>".'Quién recibe el servicio: '."</font><font class='LetrasNegras'>".$row['quien_recibio']."</font>"; echo"<BR/>"; echo"<font class='LetrasAzul'>".'Extensión: '."</font><font class='LetrasNegras'>".$row['extension']."</font>"; echo"</div>"; echo"</div>"; } ?>
El div donde cargo el resultado es el siguiente, es exactamente el mismo solo que sobreescribo para poner los resultados y es ahi donde siento que esta el problema, veran pongo el codigo y les explico.
Código HTML:
Ver original
<div id="SSform1" class="SSform1"> <!--Div del que se tomaran y mostrara los resultados de la consulta--> <div class="intform1-1"> </div> <div class="intform1-2"> <font class="LetrasAzul">Requiere Traslado:</font> <font class="LetrasNegras"></font> </div> <div class="intform1-3"> <font class="LetrasAzul">Quién recibe el servicio:</font><font class="LetrasNegras"> </font> <br/> <font class="LetrasAzul">Extensión:</font> <font class="LetrasNegras"></font> </div> </div>
Bien ahora mi problema es el siguiente, el script funciona correctamente y hace la consulta y regresa los resultados bien pero mi problema se presenta al hacer una segunda consulta no me deja y se borra solo el contenido que agrege al input, al checar con le debugger memuestra que siempre envia el primer valor que se mando, que creen que podra ser?
De ante mano gracias por als respuestas y saludos.