Scribd Logo
Importer

Bienvenue sur Scribd !

  • Consulta en Ajax

    Transféré par

    neca_12
    12 vues2 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    12 vues2 pages

    Consulta en Ajax

    Transféré par

    neca_12

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 2

    Consulta en ajax, php y mysql

    Creamos las funciones en javascript Ahora escribiremos 2 funciones, en la primera ( objetoAjax ) tiene como objetivo elegir el objetoXMLHttpRequest dependiendo del navegador, y la segunda funcin ( 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 funcin '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 funcin para crear el objeto XMLHttpRequest dependiendo del navegador. Una funcin que realizar la peticin de datos e indicar donde se mostrarn estos. Una script en PHP que consulta los datos y los muestra. Y finalmente el formulario de consulta.

    Vous aimerez peut-être aussi