This document was ed by and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this report form. Report 2z6p3t
Overview 5o1f4z
& View Buscador En Tiempo Real Con Ajax as PDF for free.
Buscador realizado en HTML utilizando como lenguaje de programación PHP, la tecnología AJAX y a MySQL como motor de base de datos.
Explicación: Antes que todo, para el ejemplo utilizamos una base de datos llamada database que contiene una sóla tabla llamada personas. Ésta tan sólo tiene dos campos: cod y nombre. Tenemos el archivo conexion.php para conectarse a la base de datos:
El archivo buscajax.php es la vista de nuestra aplicacion donde creamos nuestro código html. En él incluimos la hojas de estilos y el código javascript que contiene la funcion ajax. El método onkeyup() ejecuta ésta funcion.
El archivo ajax.js es un archivo javascript que contiene una función llamada loadXMLDoc(), ésta se activa cada vez que el suelta una tecla del teclado. El objetivo de esta función es capturar las letras que se ingresen en la caja de texto, almacenarlas en una varibale llamado q y con el método POST se procesen através del archivo proc.php. Archivo ajax.js
function loadXMLDoc() { var xmlhttp; var n=document.getElementById('bus').value; if(n==''){ document.getElementById("myDiv").innerHTML=""; return; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open("POST","proc.php",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlen coded"); xmlhttp.send("q="+n); }
El archivo proc.php contiene codigo php, lo que hace es capturar el valor que trae la variable q y utilizarla para hacer las consulta a la base de datos. Por ejemplo si el valor de q es J, hacemos una consulta a la base de datos para que arroje sólo los nombres que empiezan con J y mostrar los resultados en el div con id: myDiv ubicado en el archivo buscajax.php.
Archivo proc.php
No hay sugerencias'; }else{ echo 'Sugerencias:
'; while($fila=mysql_fetch_array($res)){ echo $fila['nombre'].'
'; } } ?>
Por ultimo pero no menos importante el código css para darle un poco de estilo a la página. Archivo estilos.css
Actualización (26/feb/2013) Actualizaciòn al buscador. Para obtener el código completo y gratis de esta nueva versión, este es el link del repositorio en GitHub.
Related Documents c2h70
Buscador En Tiempo Real Con Ajax 18253v
December 2019 53
Protocolos De Transporte En Tiempo Real 424h3h
December 2019 34
Google Un Buscador En Problemas 5s35k
December 2020 0
Buscador Pdf 2291o
December 2019 39
Pasando-tiempo-con-dios.pdf 181bk
December 2019 17
Sistema Operativo De Tiempo Real 374t3j
May 2022 0
More Documents from "Jesus Rodriguez" 6p121d
Buscador En Tiempo Real Con Ajax 18253v
December 2019 53
Pe Hinkelammert - Teologia Profana Y Pensamiento Critico Conversaciones Con Hinkelammert 3d2431
December 2020 0
6g3p1u
May 2021 0
6g3p1u
December 2019 66
Silvio Rodriguez, El Necio_ Acordes Para Guitarra 3v5y1a
