joan16v

12 enero 2010

php html ajax: como crear una búsqueda en una base de datos en AJAX usando prototype

Filed under: General — joan16v @ 17:23
Tags: , , ,

Fichero Principal (index.php por ejemplo):
——————————————————————————-

<html>
<head>

<script type=”text/javascript” src=”../js/prototype.js”></script> <!– aqui incluimos la librería javascript PROTOTYPE –>

<script type=”text/javascript”>

function buscar_destinatario(criterio) {
$(‘resultados’).innerHTML='<img src=”/images/ajax-loader.gif”>’;
var url=’../ajax/buscar_destinatario_ajax.php’;
var param=’criterio=’+criterio;
var ajaxRequest=new Ajax.Request( url,{ method: ‘get’, parameters: param, asynchronous: true, onComplete: showResponse});
}
function showResponse(xmlHttpRequest, responseHeader) {
$(‘resultados’).innerHTML=xmlHttpRequest.responseText;
}

</script>

</head>
<body onload=”$(‘criterio’).focus()”>

<p>Introduzca criterio de búsqueda:<br />

<input autocomplete=”off” type=”text” name=”criterio” id=”criterio” onkeyup=”buscar_destinatario(this.value)” style=”margin-top: 3px; width:200px;” /></p>

<div id=”resultados”></div>

</body>
</html>

Fichero buscar_destinatario_ajax.php:
——————————————————————————-

<?php

include("conexion_a_la_base_de_datos.php");

//si viene vacio, nada
if( trim($_GET[‘criterio’])=="" ) { exit(0); }

$sq="select * from destinatarios where nombre like ‘%".$_GET[‘criterio’]."%’";
$ex=mysql_query($sq);
while( $row=mysql_fetch_object($ex) ) {
?><div><?php echo $row->nombre; ?></div><?php
}

?>

2 comentarios »

  1. Hey There. I discovered your blog the usage of msn. That is an extremely well
    written article. I’ll make sure to bookmark it and come back to learn more of your helpful info. Thanks for the post. I’ll definitely return.

    Comentario por next page — 5 junio 2013 @ 9:38 | Responder

  2. Fabulous, what a website it is! This weblog gives useful facts to us, keep it up.

    Comentario por Rosa — 18 junio 2013 @ 15:17 | Responder


RSS feed for comments on this post. TrackBack URI

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Blog de WordPress.com.

A %d blogueros les gusta esto: