Realizaremos un sencillo ejemplo de como recuperar registros de una tabla con AJAX.
Este ejemplo lo he probado en IE, Firefox, Opera y Netscape sin darme errores.
Es un ejemplo sencillo si estamos familiarizados con PHP y MySQL.Aún así dare algunas explicaciones generales sobre el código.
Quizá te puede interesar: Insertar, consultar, actualizar y eliminar con PHP + MySQL + jQuery.
Creacion de la tabla
Entonces empezemos creando un tabla pequeña llamada empleados, no tendrá mas que 5 campos: idempleado, nombres, departamento y sueldo; además insertaremos algunos datos.
CREATE TABLE empleados ( idempleado int NOT NULL auto_increment, nombres varchar(32) NOT NULL, departamento varchar(40)NOT NULL, sueldo double, KEY id(idempleado) ) TYPE=MyISAM; INSERT INTO empleados VALUES (1, 'Juan Perez', 'Informatica',500.00); INSERT INTO empleados VALUES (2, 'Laura Morales', 'Contabilidad',550.00); INSERT INTO empleados VALUES (3, 'Luis Gutierrez', 'Administracion',850.00); INSERT INTO empleados VALUES (4, 'Pedro Solar', 'Informatica',500.00); INSERT INTO empleados VALUES (5, 'David Vilchez', 'Contabilidad',550.00);
Creamos las funciones en javascript
Ahora escribiremos 2 funciones, en la primera ( objetoAjax ) tiene como objetivo elegir el objeto XMLHttpRequest dependiendo del navegador, y la segunda función ( MostrarConsulta(parametro) ) tendrá como objetivo pedir los datos y mostrarlos en una capa (<div>) que especificaremos. Estas funciones lo podemos incluir en un archivo javascript (.js) al cual llamaremos ajax.js
ajax.js
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;
}
function MostrarConsulta(datos){
divResultado = document.getElementById('resultado');
ajax=objetoAjax();
ajax.open("GET", datos);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
divResultado.innerHTML = ajax.responseText
}
}
ajax.send(null)
}
Pedir los datos con PHP
En esta parte escribiremos un script en PHP para realizar una consulta de todos los registros de la tabla empleados en la base de datos.
consulta.php
<?php
//Configuracion de la conexion a base de datos
$bd_host = "localhost";
$bd_usuario = "root";
$bd_password = "";
$bd_base = "ribosomatic";
$con = mysql_connect($bd_host, $bd_usuario, $bd_password);
mysql_select_db($bd_base, $con);
//consulta todos los empleados
$sql=mysql_query("SELECT * FROM empleados",$con);
//muestra los datos consultados
echo "</p>Nombres - Departamento - Sueldo</p> \n";
while($row = mysql_fetch_array($sql)){
echo "<p>".$row['nombres']." - ".$row['departamento']." - ".$row['sueldo']."</p> \n";
}
?>
Formulario de consulta
Finalmente creamos un archivo html que contendrá un Form y un Button el cual realizará la consulta.
consulta_empleados.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Consulta Registro con AJAX</title>
<!-- referenciamos al archivo ajax.js donde se encuentra nuestra funcion objetoAjax-->
<script language="JavaScript" type="text/javascript" src="ajax.js"></script>
</head>
<body>
<p>Consultar registros con ajax</p>"</p>"<p><!-- En "onsubmit" escribimos la función 'MostrarConsulta' que creamos en javascript,
con su parametro que es el archivo que vamos a mostrar, en este caso 'consulta.php'-->
<form name="consulta" action="" onsubmit="MostrarConsulta('consulta.php'); return false">
<label>
<input type="submit" value="Consultar" />
</label>
</form>
<div id="resultado"></div>
</body>
</html>
En resumen
Para consultar los datos de una tabla hemos realizado lo siguiente:
- Una función para crear el objeto XMLHttpRequest dependiendo del navegador.
- Una función que realizará la petición de datos e indicará donde se mostrarán estos.
- Una script en PHP que consulta los datos y los muestra.
- Y finalmente el formulario de consulta.
Como podrán apreciar el código es realmente sencillo de entender, aún así daré mas detalles si preguntan. Pueden descargar el archivo si desean. Hasta otra oportunidad.
Quizá te puede interesar: Insertar, consultar, actualizar y eliminar con PHP + MySQL + jQuery.
Hola: mi consulta es la siguiente yo quiero hacer eso mismo pero rescatar el resultado en cajas de textos. Me pueden responder a claudiosaavedra@pesic.cl muchas gracias de antemano
Por supuesto, en el artículo Actualizacion de registro con ajax explico una manera sencilla de como enviar los datos de una consulta a caja de textos. Puedes incluso puedes ver los ejemplos de estos tutoriales en la sección Ejemplos.
hola me gustaria que publicaran un articulo sobre un dbgrid que conforme voy escribiendo la palabbra me fueron apareciendo los nombres de esa palabara ojala y publicaran.
y si en vez de usar php se usase java como seria la busqeda de datos con ajax???????
¿Es un dedázo.?
Consultar registros con ajax
En el zip está no aparece.
Saludos
Al realizar la consulta quiero poner un mensaje que diga “Espere Consultando…”
No un alert, si no en la misma pagina quiero que salga ese mensaje, y cuando realiza toda la consulta mostrar los datos.
Espero haberme explicado bien.
Esto que te digo lo vi en varias paginas, donde un hace una consulta y te muestra la pagina en blanco con un mensaje, diciendo cargadnod, y despues te muestra la pagina.
Saludos
Hola rolando, la manera de realizar ese proceso es esta:
Esta linea tienes que colocarla antes de realizar el pedido, para que se muestre, una vez que el servidor a procesado el pedido, el mensaje “Cargando” será reemplazado por la consulta.
Si has descargado el ejemplo, busca el archivo ajax.js y colócalo en esta parte:
Cualquier cosa, me pasas la voz.
gracias por responder, funciona a la perfección, pasa muy rapido el mensaje cargando, pero aparece, eso es porque lo estoy probando localmente, si fuera remotamente: el mensaje “Cargando” quedaria mas tiempo, hasta que se ejecute toda la consulta? esa es mi duda.
El código quedo de la siguiente manera:
function MostrarConsulta(datos){
divResultado = document.getElementById(‘resultado’);
ajax=objetoAjax();divResultado.innerHTML = “Cargando”;
ajax.open(“POST”, “vercasas.php”,true);
ajax.open(“GET”, datos);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
divResultado.innerHTML = ajax.responseText
}
}
ajax.send(null)
}
Saludos
El mensaje “Cargando” aparece rapidamente de manera local, pero si lo pruebas remotamente o dependiendo de la cantidad de datos de retorno, el mensaje quedaría mas tiempo. Bye
Tengo otra pregunta: probando el codigo le agregue una caja de texto al formulario, para ejecutar la consulta segun el valor ingreaso en la caja de texto, pero no logro pasar el valor de esa caja de texto a la pagina consulta.php, en esta pagina agrego el codigo
$oferto = $HTTP_POST_VARS[‘oferta’];
echo $oferto;
Oferta es el nombre de la caja de texto en el formulario.
Pero no me llega ningun valor.
Que puede ser.
Saludos
ya esta solucionado, lo vi en tu articulo consulta2.
Muchas gracias
Hola, en un principio este codigo me funciono bien, pero ahora no me funciona y no lo modifique nada:
pagina:ajax.js
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
No me funciona en ie, en firefox perfecto.
Exelente articulo, todo esta muy bien explicado.. muchas gracias, me fue muy util.
Esta muy bien, pero que pasa cuando haces una segunda llamada a la página, en realidad ya no llama a la pagina php, no vuelve a realizar la consulta sino que muestra los mismos resultados, los debe tener almacenados en la memoria, imaginaros que entre la primera y la segunda llamada varian los datos de la tabla, ¿Que pasa? pues que el saca la tabla sin modificaciones, porque en realidad esta sacando lainformación de otro lado y no esta haciendo la consulta a la memoria, Alguien sabe como se hace para que muestre los cambios de información en la segunda página y sudesivas llamadas??
GRACIAS, a ver quien le pone el cacabel al gato.
Hola quiero hacer lo mismo pero, que no puedan grabarse la tabla el usuario, tendria que ser solo con java?gracias
Hola Jose. Haber no entiendo bien la pregunta puedes explicarte mejor?
HOlA! estan muy buenos los ejemplos… pero pienso q al estar esto accesible al público con la grandiosa idea de enseñar… debería estar más comentado… es decir, especificar el significado de cada línea.. porq puede ser q algunos ya tngan conocimientos previos sobre ajax y no se les dificulte entender el significado de cada funcion u objeto creado, sin embargo existen otros personas q a lo mejor estan interesados en el uso de esta tecnología pero hay términos q puedan causarle ruido al verlo… sobre todo el documento más importante y fundamental denominado ajax.js…
LOS EJEMPLOS SON EXCELENTES!! Gracias!
Tendre en cuenta tu comentario Greisy, quizas para los que recien se inician en php, mysql o javascript les habrá resultado un poco dificil entender el codigo, pero tratare de comentar mas cada linea para futuros tutoriales.
No logro ejecutar una función dentro del div donde quiero que aparezcan los datos. La función arma un menu tipo arbol tomando valores de arrays y filtrándolos con el criterio devuelto por un asp llamado con ajax. Por favor si me puedes ayudar
Una consulta.
Esto mismo funciona con un link, osea que no tengamos que poner un boton, por ejemplo con una lista (select), o con un listado de links?????
hola quiero peguntar como le puedo hacer para que me muestre los registros de mi base de datos en las cajas de texto y de esos registros que me muestre modificarle algo y que me guarde en la base de datos la modificacion realizada.
Contestando los dos ultimos comentarios:
1º Si se puede usar un link en lugar de un boton para realizar una consulta, o si gustas puedes usar una lista select. Puedes ver el articulo relacionado.
2º Claro que se puede mostrar los datos en cajas de texto, modificar su valores y guardarlos. Mira este articulo.
Mas ejemplos de AJAX, en Seccion Ejemplos.
Muy bueno los tutoriales recien me meto en esto de ajax. Mi pregunta es la siguiente.
– Como puedo paginar una consulta a la bd en ajax? Porq me pongo en el ejemplo de tener unos 500 registros. Y ponerlos todos en una pagina como q no va. Y no se si esposible hacerlo en Ajax. En Php ya lo he hecho. Pero aun no conozco bien esto otro.
A ver si aun lees este hilo jeje… muchas gracias por todo.
Justo estoy en eso Rumeberon1, sino que por el trabajo alterno que tengo no puedo todavía publicarlo pero estate al tanto.
Muy bien rte lo agradezco jeje… es qu me puse a hacer un tabajo y decidi pasarlo a AJAX el problema q me encuentro trabado en algunas cosas como lo de la paginación.
En otro q me quedo pegado es q no puedo tener una pagina AJAX dentro de otra página AJAX.
Estaba usando el TAB menu que tienes en los codigos y les asocie la pagina AJAX o con JAVASCRIPT y la verdad es q no puedo usarlas jaja. Por ejemplo el JSCALENDAR no me abre dentro de eso :S
Otra consulta… puede ser posible que al mostrar unos elemntos de 2 combobox ejemplo tomo el ComboBox1 y selecciono la ’empresa’ y al legir determinada empresa el ComboBox2 se habilite con la info de esa empresa (empleados, departamentos,etc ) o simplemente recién se habilite el ComboBox2. Y en ese momento muestre la info de la BD en unas tablas???
Si soy muy enredado perdon jejeje es q eso yo lo he hecho en vb.net pero aqui ni pajorela.
Un saludo y muy interesante tu web… he aprendido un montón.
De todas formas encontre muy interesante tu web. ME ha servido una enormidad.
hola a todos, si alguien pudiera responderme lo sigueinte: tengo una funcion en ajax que segun el parametro me valida la existencia o no de un dato dado en una base de datos y segun el resultado me da un error o no, hasta ahi todo muy bien, yo llamo esa funcion al dar enter en los input text, pero quiero validar al dar en el boton guardar a parte de cuando dan enter en los citados text, por lo tanto pongo un valor en un div o sea si o no y esto lo hace perfecto pero cuando voy a tomar los valores del div para ver lo que toma pongo un alert y me lo da en blanco aun cuando en la pagina veo que pone en el div el valor adecuado, sin embargo cuando vuelvo a presionar el boton guardar el alert me da el valor correspondiente, si alguien me pudiera ayudar con esto se lo agradeceria por siempre,
desde cuba lazaro
HOLA HOLA!! excelente turorial todo me funciona a la perfeccion pero tengo un problemita…
la consulta me muestra la tabla…pero en la base de datos tengo palabras con tildes… y donde hay tildes me muestra unos simbolos..
? ese tipo de simbolos.. tambien sale con la “ñ” … como soluciono eso??? espero su pronta ayuda gracias!!!!!
Tienes que trabajar con el Set de Caracteres UTF-8, esto por JavaScript trabaja con este set de caracteres. Cambia esto en el tag meta, dentro de las etiquetas :
HOLA!! gracias por responder rapido!!! puse el meta en el .html …
y nop.. sigue saliendo igual….la tabla en la base de datos la tengo con esta config.
Table Type: MyISAM
Character set: utf-8 — UTF-8 Unicode
Collation: utf8_general_ci
Cuando hago la consulta con solo PHP… sin el AJAX sale todo bien.. me reconoce las vocales con tildes.. y las ñ… pero le pongo el AJAX.. y salen los simbolitos…..?????????????????????
Gracias nuevamente por la ayuda!!! excelente pagina!! muy util!!
espero tu respuesta….
Bueno, la idea es que tiene que ver con los set de caracteres, ya googleastes al respecto? busca sobre el set de caracteres y ajax. A mi me sirvio un blog chileno, para corregir ese tipo de error para este blog. Pero no recuerdo como se llamaba.
Averiguare de todas maneras.
Saludos
HOLA ya encontre un poco de info respecto a este problema… pero no entiendo mucho alrespecto…. como tu manejas mas este tema es posible que lo entiendas sin problemas…este es el link:
http://php.apsique.com/comment/reply/461
creo que ahi dan la solucion…pero no entiendo muy bien…
segun entiendo tiene que ver con esta linea… en el ajax.js… osea… hay que poner algo asi…..creo….
enviar(xmlhttp,”GET”,”/demos/xmlhttprequest/serv.php?valor=” encodeURIComponent(valor) “
HOOOLAA!!! bueno… despues de horas… y horas.. y horas de navegar… googlear…navegar y googlear encontre una solucion muy facil… y rapida…. simplemente hay que poner este script en el *.php ke hace la consulta… y listo…. problema solucionado…
<? header('Content-Type: text/xml; charset=ISO-8859-1');
echo '’;
?>
y listo ya con eso te salen las tildes y las ñs…. saludos a todos!!
mmm no salio…
< ?
header('Content-Type: text/xml; charset=ISO-8859-1');
echo '’;
? >
mm ahora si… sorry about that….
< ?
… sorry jesusvld si quieres borra los anteriores… es que soy un poco despistado…jejeje…. este si es el definitivo…. solo copien este script en el *.php ke hace la consulta y listo.. ya les reconoce las tildes y las ñs…. chaus….buena mar… 
header('Content-Type: text/xml; charset=ISO-8859-1');
echo '’;
? >
…Tienes algún ejemplo de como recuperar registros en un text box….a medida que se va escribiendo sobre el ….
Sería interesante hacer un ejemplo sobre ello. Vere si de manera personal puedo hacerlo, caso contrario podria explicar como hacerlo con script.aculo.us.
El problema lo solucioné incluyendo esta línea tal y como comentaban en post anteriores al principio del fichero .php que escribe después de ser llamado por la funcion js:
header('Content-Type: text/xml; charset=ISO-8859-1');Ningún problema con ñ(s) y tildes…
Muchas gracias compañeros.
Hola los ejemplos estan muy plenos e interesantes, pero me puede ayudar con el codigo para extraer los dias laborables dada una fecha y para la elaboracionde un calendario,ademas que ayude en el manejo de sesiones en web.
Hola, lo que necesito hacer es guardar en uno de los campos el path a una imagen para luego poder mostrarla. Pero no quiero guardar el fichero jpg en la bd Mysql.
¿qué código necesito para mostralo?
Lo siento, soy un novato.
Gracias.
tengo un problema con estos tutoriales ajax, cuando hace la consulta se despliega el resultado, pero al final despliega siempre “
” como texto y no como parte del html, que puede ser ?
Hola pablo disculpa la demora, pero eso es quizas por que no cerrastes adecuadamente la cadena html ten cuidado con las comillas simple o dobles. Saludos
Hola que tal antes que nada un poco de levantamiento de ego xD y te lo mereces excelente tutorial, facil de reproducir y de modificar altamente recomendado para enterder el funcionamiento, solo tengo una duda yo realize este tutorial y lo modifique para que me devolviera los valores al input que yo le indicara, y que ejecutara la consulta dependiendo del valor que le pasara en otro input el detalle es que cuando lo estoy ejecutando me esta devolviendo valores anteriores es decir tengo un registro 1 con el contenido en cadena “JUAN” actualizo el registro a “JOSE” obio es que si lo vulevo a ejecutar la consulta me debe devolver JOSE pero por alguna razon me devuleve JUAN en fin anexo el codigo poor dos razones una para que me lo revises y me digas en que la rege y dos por que a alguien le puede servir saludos
****************************pagina donde se captura los datos
Solo queria Darles las gracias, me han salvado la vida con esto… gracias
tengo el mismo problema que muchos comentan pero solución no la veo
que respondan:
js-php-mysql (extraer campo con tilde o eñe) —–
mysql (con dato que posee una eñe o tilde)–php–librería json- header(‘X-JSON: (‘.$respuesta.’)’);- js
la funcion header la posee la librería prototype..
Alguien solucionó ese problema?
Encontré la solución..es poco ortodoxa pero resulta bien.. 1ero digo que no hagan nada de configuración de archivos de apache..ni el php.ini ni cambiar mysql por tablas en utf-8 …todo eso está demás.
La solución está en este ejemplo:
while($row = mysql_fetch_array($sql)){
$nombrex = preg_replace(‘/[^!-%\x27-;=?-~
Gracias hermano, me salvo las papas de sobremanera este ejemplo. Muchisimas gracias.
Salu2
hola les cuento si alguien me puede colaborar descargue el archivo para eleiminar registros, y lo unico que me muestra es la margen de la tabla sola sin datos y las conexiones estan bien
si alguien me colabora muchas gracias
Queria hacer una consulta este codigo me funciona perfecto si la consulta no lleva variables pero en mi pagina el form acepta 2 datos y yo consulta a una base de datos si coinciden esos 2 datos. De ser asi me muestra la informacion sino me dice que no coinciden registros. El tema es que sin ajax me funciona bien pero con ajax no le pasa los datos a la consulta quedando la consulta vacia y por consiguiente sin obtener resultados. La verdad necesito urgente saber en que estoy fallando. Mil Gracias
Nesecito una manito en todo respecto al ajax
atte:
http://www.joelcristobal.com
http://www.onlysystem.com
http://www.disenowebperu.info
como puedo actializar una parate de la pagina web sin la necesidad de estar rotando la pagina entera necesito me urge ese tema
Atte
Joel Cristobal
Diseño Web
a la hora de consultar en el formulario html no me muestra los registros del atabla por q sera?
ete es en ejemplo de consultar registros con ajax, mysql y php
gracias por sus atentas respuestas
Hola Carlos:
Puedes detallar mejor el problema. Te sale un error en pantalla?. Te recomiendo Firebug para Firefox para detectar cualquier inconveniente en tus aplicaciones web.
gracias por tu respuesta jesusvld soy principante en la barra de abajo donde se ve cuando se esta cargando la pagina aparece un listo con errores y no me carga nada de la consulta ps me deberia mostrar los empleados y no muestra nada
gracias por sus respuestas
que buen aporte
—————————
Excelente!
Definitivamente excelente.
ahora lo podre usar en mi pagina.
Una consulta se podria tambien usar esto con una lista dropdown que al escoger un item se pueda cambiar refrescar la pagina con dicha opcion?
Saludos, hermano el codigo trabaja a la perfección, pero tengo hay un detalle que hasta ahora no le he conseguido solución en ninguno de los tutoriales y demás ayudas, y es que el ajax toma el valor del servidor, lo muestra en la capa mediante el script, pero si se le agrega otro valor a la base de datos y se actualiza, o se vuelve a hacer llamado al servidor no se muestra, aparece los valores anteriores, es como si el servidor creara un resultado php y luego no lo creara de no ser que la ventana se cierre y se vuelva a hacer llamado, gracias por su atención, cualquier comentario por favor com. jorlun@hotmail.com
Qué pasa con los tildes y ñ, en la consulta.. funciona todo bien, pero al poner un tilde como ejemplo en informática, ajax lo devuelve con caracteres raros… problemas utf-8?? ..
me gustaria mucho si pudieras publicar algo con respeto a este problema o si ya existe agradeceria que me informaran. slds!!!
Gracias hermano me sirvio muchisimo
Mae me podrias ayudar con el acceso a datos, por favor. No se como hizo con la tabla…
Muy bueno este ejemplo, muy claro y conciso… me toca aplicarlo a una aplicacion que tiene dos listas de seleccion enlazadas, y me a contribuido mucho este codigo gracias.
buen codigo amigo… corto pero preciso.. muchas gracias..
hola tengo problema con los div y la carga de javascrip dentro de ellos
Excelente post!!!
Se me ha ocurrido que se podría poner directamente el div de destino pasandola como variable desde consulta_empleados.html poniendo onsubmit=”MostrarConsulta(‘consulta.php’,’divDestino’)”; return false”
y en el ajax.js
function MostrarConsulta(datos,destino){
divResultado = document.getElementById(‘destino’);
para no tener que estar abriendo el ajax.js cada vez y hacerlo más ameno. Tb recortaría bastante el tamaño del archivo ajax.js.
Me equivoco :S?
esta interesante la informacion
solución a para la consulta sobre tíldes y ñ!!..
pasar las variables por utf8_encode($varible);
slds!!!
OK gracias men… muy fácil, de todos esto si resultó. 10
para las tildes, ñ y otros caracteres puedes probar a usar en el head la codificacion del euro
Muy bueno el tutorial. Le falta agregar al código php en consulta.php los delimitadores para los espacios, es decir, en lugar de que quede así:
echo “Nombres – Departamento – Sueldo n”;
debería de quedar así
echo “Nombres – Departamento – Sueldo
“;
Excelente post men…graxias por el aporte y muy buen ejemplo.
Te comento que al ejecutarlo no me muestra nada, no es un err de la consulta puesto q al ejecutar solo el erch consulta.php va de lujo muestra datos y todo.
el err se da q al dar clik en el boton no se llena de datos la div.
Estoy incursionando recientemente en lo q es ajax así q me gustaría q me ayudaras a q este tu ejemplo corra bien sería un buen inicio para comenzar a entender ajax
pdd:
esperare tu respuesta men o la de alguno de ud?s en los coments o a mi mail graxias por su contribución.
AHHH!!!!
El menú del blog me dejó hipnotizado! No puedo parar de jugar con él! xDDD.
Saludos, muy buen post! ^^
Hola.
Se podría intentar en vez de imprimir los resultados de la consulta PHP en consulta_empleados.html, imprimirlos directamente en el archivo ajax.js
Lo digo porque tengo un ejemplo en el que en una tabla de mi base de datos MYSQL guardo funciones javascript y quisiera imprimirlas directamente en un archivo.js
Rulz.
al implementar esto en un web me resulto sumamente satisfactorio en cuanto a seguridad.
thx…
Muy buen ejemplo, me ayudo mucho.
muy buena la web!!! adelante!!!
gracias
gracias men me a servido sabes si tienes alguno que impleque mas relaciones como acceso a datos en varias tablas y edicion con ajax te lo agradeceria.
xD mi mail lujopipe@gmail.com me lo puedes enviar estamos en contacto
hola esta super bien el aporte que nos das amigo para seguir aprendiendo cosas nuevas, lo prove me salio excelente, pero le agrege una fila mas a mi tabla empleados y cuando pulse en boton consultar no me mostro el nuevo dato , ¿porque, alguien sabe?
Excelente articulo me ha sido de mucha ayuda. Gracias :D.
Muy buen turotial, gracias simple y bien explicado, y con su codigo para descargar, bueno me gustaria ver mas con ajax usando jquery y trabajando php como POO
muy bueno el ejemplo, ahora lo probare haciendo uso de tablas para que el resultado sea un poco mas ordenado…
eduflo78@hotmail.com
hola,
excelente tutorial lo felicito seria tan amable y nos da una guia de como hacer esto pero a cajas de texto o sea digitar una cedula y actualise las cajas de nombre etc,
gracias lo felicito
tantos manuales de lo mismo y tener que estar 3 malditas horas navegando para encontrarme con esto…. deluxe
Necesito de vuestra ayuda URGENTE !
Hola… soy nuevo en PHP, JavaScript y consultas a MySQL y tengo el siguiente problema en
http://www.gestion-desarrollo.org/frontoffice/prueba/IEEH-test.php
¿Porqué al ingresar un código de consulta aparece su resultado y se borra el contenido del otro! y viceversa?
Gracias
Muy buen artículo, más fácil no puede ser, bueno de hecho si. He encontrado una página muy útil para utilizar estos ejemplos o herramientas.
http://www.freewebhostingarea.com/
Ahi tienen un servidor ftp (para subir los archivos que se requieren en este ejemplo) y lo mejor de este host es que ofrece un servidor de bases de datos mysql (limitado a 3, pero es de gran utilidad).
Ahi el ejemplo
http://coins.eu5.org/empleados/consulta_empleados.html
hola. oye he intentado el codigo pero no hay manera. lo unico que he cambiado es la bbdd, q tengo la mia propia, pero lo demas es completamente igual pero no hay manera…
tengo firefox 3.5.9
gracias!
Hola exelente post
pero lo que quiero saber es si se puede dar un valor incial al menu, me explico que salga el primer empleado sin necesidad de darle click al menu esto para que se vea algo mejor
disculpa, estoy iniciando en este tipo de programacion y estoy con algunas dificultades. mi pregunta es como hago para capturar el valor de un conjunto de radio buttons para almacenarlos en la BD. lo que estaba haciendo es
var opciones=document.form.opciones.checked.value;
pero no me captura nada.
Talvez peco de ignorante pero cualquier colaboracion la agradecere mucho. Gracias
yo me inicio y no puedo acceder a la base de datos me aparece esto
“; } ?> como puedo solucionarlo
¿Alguien sabe como arreglar el fallo de las comillas si es que es eso? Al darle clic sobre el indice del empleado, el navegador web da error de sintaxis. Haciendo cambios en las comillas parece estar todo correcto pero no hay manera…
Salu2
Todo excelente funciono .. sos un trome
Perdona, Pero el Codigo no es Valido no me Va ke Hago he hecho todo sobre el tutorial Y no se que hacer e dice algo de no es un archivo ejecutable Ayudaaa ¡ ¡ ¡ ¡
Amigo como hago esto pero enviando un campo como post para recuperar de la BD de acuerdo a ese campo
espectacular! gracias x el aporte!
muy bien, con esto no hay excusa para usar ajax…gracias
ha quien no le funcione puede probar a usarlo de esta manera ok:
//lo que cambiamos es la sentencia $
$sql = mysql_connect($bd_host, $bd_usuario, $bd_password);
//lo que cambiamos es el $con por el $sql
mysql_select_db($bd_base, $sql);
//consulta todos los empleados
$sql=mysql_query(“SELECT * FROM empleados”,$sql);
//muestra los datos consultados
echo “Nombres – Departamento – Sueldo n”;
while($row = mysql_fetch_array($sql)){;
echo “
“.$row[‘nombres’].” – “.$row[‘departamento’].” – “.$row[‘sueldo’].”
n”;
}
?>
este mismo ejemplo se lo puede modificar para realizar una consulta sobre los registros y filtrar el resultado? soy novata
Conmigo funciona ala perfeccion pero si en vez de unboton que me muestre todos los registros, solo quiero un campo de texto y un boton enviar donde cada cliente pueda teclear su nombre y no exponer los demas nombres……..
espero me puedan resolver esto gracias
me urge
Mi problema es que en la consulta_por_id no me muestra los acentos ni la ñ, el archivo empleados_actualizacion le cambie esto:charset=iso-8859-1
Pero en la consulta_por_id tengo ese problema
Muchas gracias por la ayuda que me puedas proporcionar
Buenas tardes,
Me estoy iniciando en el ajax, y me parece un buen blog. ¿sabria alguien como hacer filtros con checkBoxes? Es decir, seleccionar Varones del departamente de Contabilidad. Creando previamente un campo que indique el sexo, claro está.
Buen aporte, claro y conciso
quiero agradeceros el magnifico aporte que habeis hecho para mi manera de programar.
Hola a todos,
pero como podría decirle a este ejemplo que solamente me liste los registros “informatica”!??????
Muy buen ejemplo!!! Algo en .Net?? Saludos
gracias por el aporte…
una pregunta al usar ajax.. no es necesario poner el action=”” ..soy novato en ajax
Muy buen aporte…
HOla amigo Tengo un boton buscar y unas cajas de texto, busco por la tarjeta de identificacion y luego se me coloco los resultados en la cajas de texto, como hago esto con ajax? puedes responderme o colocar un ejemplo de esto, bueno muchas gracias mantenme al tanto de tu respuesta mandando un msj a mi correo. porfavor. jairj02@yahoo.es
Hola que tal crees que puedas tocar el tema de mvc en php me estoy metiendo es ese tema pero aun tengo dudas! gracias
hola..muy buen script ..peor imagina ke si kiero havcer una consulta con u paranetro dado por el usuario y ke el script funcione de la misma manera.. como le hago para mandar el parametro para ke sea ejecutado en la coonsulta sql….(consulta.php)
Por fa esto es importante..me gustaria saber como se hace
GRAX…
Holas compas.. queria que porfavor me ayuden, necesito saber como hacer dos o mas bases de datos que cuando le llame a un usuario X me de toda la información de este…
Requiero un ejemplo de lo siguiente:
Al escribir el numero de cedula en un campo, automaticamente me traiga uno o varios datos de la tabla de la base de datos en el mismo formulario, me puedes colaborar, Gracias de antemano.
Hola, me gustaria saber como puedo hacer la busqueda dando un parametro en la consulta, algo asi:
$sql=mysql_query(“SELECT * FROM empleados WHERE idempleado=5”,$con);
si funciona pero si cambio asi:
$sql=mysql_query(“SELECT * FROM empleados WHERE idempleado=’$id'”,$con);
ya no hace nada, la variable la tomo desde consulta_empleados.html pero no me pasa el valor.
Cual sera mi problema. Gracias y saludos
Hola, muy buen ejemplo ehhh!!
alguien tiene algo relacionado con gestion de notas, para una institucion, estoy desarrollando algo, pero debe tener en cuenta
1 el programa
2 el semestre
3 el alumno
si alguien tiene algo que me pueda servir, gracias.
Como se haria con procedimientos almacenados espero tu respuesta, probe el ejemplo tal y como dices salio bien
hola mi pregunta es como puedo hacer el llamado de los registros colocando por ejemplo el id del empleado en la tabla cliente? porfa responde a mi correo andres_gabriel_124@hotmail.com y gracias
Antes que nada, gracias por los valiosos tutoriales.
Sería muy util podrías hacer un tutorial aplicado a este mismo donde explique como subir un archivo al servidor y cargar el nombre del archivo en una base de datos, eso sería muy interesante aporte, gracias
esto se podría aplicar, en un minichat? ya implemente uno en mi web, pero lo que quiero es que al momento de agregar un comentario, se actualicen en todas las ventanas y sesiones que esten activas o abierta, en el momento que yo haga un insert, todos los usuarios que estan conectados hagan la consulta automatica a la base de datos.
asi como lo hace el messenger o hasta facebook…
Gracias!
Tu ejemplo es muy bueno
La verdad es que apenas estoy entendiendo como funciona AJAX, un poco dificil.
Yo tome tu ejemplo y lo adapte a mi DB y funciona muy bien, lo que no he podido hacer, es que ademas de mostrar los registros de la consulta, me coloque en otro div el numero de registros encontrados en la consulta.
como puedo hacer esto.
Me colaboras por favor
Gracias
La verdad estoy aprendiendo y ando muy perdida con esto de AJAX. Me colaboras por favor.
Me puedes aclarar un par de cosas del codigo, para salir de la duda. Te lo pregunto por que por mas ejemplos que veo no logro entender.
1. En esta linea que contiene datos
function MostrarConsulta(datos){
Cual es la diferencia con este otro ejemplo tuyo
function pedirDatos(fuenteDatos, divID){ que contiene fuentedatos y divID.
2. En esta linea GET es la forma de pasar los datos, pero datos que contiene: ajax.open(“GET”, datos);
3. Esta linea para que sirve: ajax.open(“GET”, datos+’?pagina=’+divResultado);
Disculpame lo atrevida pero es que no he podido entender y los tutoriales son muy tecnicos.
Gracias por tu tiempo
Isabel
Tengo el mismo problema que el compañero juan ya intente modificar el archivo ajax pero no he podido lograr hacer una consulta pasando un parametro que me funcione para na condicion de ID en mi consulta asesoria por favoor
Tengo el mismo problema que el compañero juan ya intente modificar el archivo ajax pero no he podido lograr hacer una consulta pasando un parametro que me funcione para na condicion de ID en mi consulta asesoria por favoor
Creo que no me esta funcionando, tengo la BD, y los archivos necesarios, pero al darle clic en el botón no aparece nada.. Como puedo revisar que hice mal, Creo yo,que todo está correcto. Simplemente no muestra nada.
Sí, al igual que pedro, no funciona, muestra la consulta php como texto, el while solo lo hace texto, sí podrían decir q fue lo q le modificaron, gracias
http://www.acugd.com/