Ayuda Novato. Acceder a detalles de elemento de una lista

[n_e_o1981]

Hola soy totalmente novato en Ajax, por tanto no se nada de de nada.

Mi pregunta es (y ya me imagino que sera complicado pq no tengo ni idea) es la siguiente:

He intentado hacer con JavaScript y PHP una cosa en mi web que es la siguiente:

Tengo un listado de productos que saco de una base de datos, cada elemento tiene un A HREF a un ancla #detalle, el enlace es el mismo para todos los elementos. Cuando le doy a uno de ellos a traves de HREF=?id=loquesea#detalle, consigo saber que elemento ha sido clicacado, pero el problema viene cuando quiero sacar los detalles del vino, ya que no quiero recargar la pagina para hacerlo ya que es una aplicacion tipo Ipod que hace un slide-right y deberia acceder a la base de datos para sacar la inforamcion detallada del producto y mostrarla en la "nueva pagina" sin recargarla,

Alguien me podria intentar explicar mas o menos como podria hacer esto con Ajax, ya que por lo que he leido, creo que se puede hacer sin recargar la pagina.

Se que puede ser complicado explicar esto a una persona qeu no sabe nada de Ajax pero agredeceria mucho el esfuerzo

Muchisimas gracias de antemano

Un saludo

[GatorV]

Hola n_e_o1981,

Te recomiendo uses la librería prototype, ya que puedes hacer una función básica, por ejemplo:

Código:

function loadDetalles( id_vino ) {
	var params = { id: id_vino };
	var url = '/tu/script.php';
	new Ajax.Updater( 'tu_div_donde_se_ponen_los_resultados', url, {
		method: 'post',
		parameters: params
	});
}

Saludos.

[n_e_o1981]

Vale pero esta funcion desde donde la llamo??


Gracias

[GatorV]

Esa función la llamas en lugar de tu link <a href="pagina.php?id=loquesea#detalles">, llamas a la función: <a href="javascript:loadDetalles(loquesea);">.

Saludos.

[n_e_o1981]

Vale muchas gracias, pero una cosa

Los datos de detalles los tengo que sacar de nuevo de la base de datos es decir, debo hacer una consulta a la base de datos en plan "SELECT * FROM <TABLA> WHERE ID=id" . La consulta cuando la hago?

Y otra cosa, como sabe la "funcion" que campos van en cada sitio¿? es decir que datos van en cada linea de codigo?


Gracias

[GatorV]

Lo que hace la función solamente es hacer un request a /tu/script.php, y el resultado de /tu/script.php lo pone en el div 'tu_div_donde_se_ponen_los_resultados', es decir para que funcione tienes que crear un div en alguna parte de tu pagina:

Código HTML:

<div id="resultados"></div> 

Luego en la funcion donde dice 'tu_div_donde_se_ponen_los_resultados', lo cambias por 'resultados'.

La función AJAX va a hacer el request a tu archivo php y el resultado lo pondrá en ese div, así que tu tienes que diseñar en tu archivo php como quieres que se vea la salida (es decir el html que te devuelve el servidor).

Saludos.