Duda con PHP+Ajax+Mysql

[Middrel]

Hola! buenas tardes...

Tengo una duda con algo que quiero hacer, lo cuál no he podido resolver aún viendo varios tutoriales :/

En una base de datos tengo almacenados en una tabla los datos de diferentes tiendas (id, nombre, titulo, mapa)

Entonces, con PHP muestro estas tiendas en una página:

Tienda1
Tienda2
Tienda3
...

Del lado izquierdo de las tiendas, quiero que salga el mapa obtenido de Google Maps, de cada una de las tiendas, pero esto, una vez que se le de un click al nombre de la tienda, por ejemplo, le doy click a Tienda1 y aparece su mapa.

Para esto, convertí en botones los nombres de las tiendas.

Código PHP:

<ul>
    <?php while($rowSelectStores = mysql_fetch_array($sqlSelectStores)) { ?>
        <li class="titulo-store">
            <input type="button" name="stores" class="stores" onClick="realizaProceso(); return false;" value="<?php echo $rowSelectStores['stores_tienda']; ?>" >
            <br /> 
            <span class="subtitulo-store"><?php echo $rowSelectStores['stores_titulo']; ?></span>
        </li>
    <?php } ?>
</ul>
 

y por medio de Ajax trato de obtener la información, esto porque no quiero que se me refresque la página

Código Javascript:

function realizaProceso(){
    
        var parametros = $(":button").val();
        $.ajax({
                data:  parametros,
                url:   '../bd/stores-ajax.php',
                type:  'post',
                beforeSend: function () {
                        $("#mapa").html("Procesando, espere por favor...");
                },
                success:  function (response) {
                        $("#mapa").html(response);
                }
        });
}
 

Traté de asignarle el valor del botón a la función realizaProceso(), pero siempre me devuelve el primer valor (Tienda1, lo comprobé con un alert).

y, por último, cuando llega al archivo PHP donde se encuentra la consulta, no realiza nada.

Código PHP:

  $stores = $_POST['stores'];
    
$sqlSelectStoresAx = mysql_query("Select * from ds_stores Where stores_tienda = $stores");
 
$rowSelectMapa = mysql_fetch_array($sqlSelectStoresAx);    
echo $rowSelectMapa['stores_mapa']; 
   

Se debería mostrar el mapa en un div que tengo de la siguiente manera:

Código HTML:

<div id="mapa"></div> 

No sé mucho de ajax, y es la primera vez que intento hacerlo de esta manera, ¿alguien sabe que error estoy cometiendo?

De antemano gracias por sus comentarios.

[alex1084]

mira si lo haces mediante una funcion debes pasarle el id o nombre de la tienda como argumento a la funcion y luego ese parametro lo envias al php con ajax

[Lynxcraft]

a simple vista

Código:

function realizaProceso(){
    
        var parametros = $(":button").val();
		var data = {stores:parametros};

        $.ajax({
                data:  data,
                url:   '../bd/stores-ajax.php',
                type:  'post',
                beforeSend: function () {
                        $("#mapa").html("Procesando, espere por favor...");
                },
                success:  function (response) {
                        $("#mapa").html(response);
                }
        });
}

[Middrel]

El problema es el siguiente, no le puedo asignar un id conocido porque el número de tiendas va a crecer a futuro, regularmente yo hago lo siguiente:

<input type="button" name="tienda1" id="tienda1" value="tienda1">

donde name, id y value vienen de la base de datos, así siempre son distintos a los otros botones.

Entonces, cuando armo el archivo de ajax o PHP... ¿cómo le asigno el id, si este no lo conozco? Sé que debe haber una forma, pero francamente no sé cuál es.

Saludos!

[Middrel]

Lo de var data = .... no lo había tomado en cuenta. Voy a verificarlo.

[Middrel]

Hice algunas correcciones... bueno sólo agregué lo que comentó Lynxcraft.

Además incluí un alert($(":button").val()) y me doy cuenta que sólo trae el primer valor (Tienda1).

Independientemente de la tienda que seleccione siempre arroja el valor de la tienda 1.

Por ello, cuando hace la consulta en la base de datos, siempre trae el mapa de la tienda 1.

Alguna idea del porque de esto :/

Saludos!!