¿Alguien puede orientarme?

[Musiker]

Hola a todos.

He visto muchos tutoriales y respuestas aquí sobre consulta de bases de datos en ajax, pero siempre suelo ver que la consulta se hace con un formulario de html.

Mi idea es hacer la consulta haciendo una tabla en html, es decir, cada vez que el usuario haga clic en una posición de la tabla de html, obtenga los datos de la misma posición correspondiente a la base de datos.
Ejemplo: clic en posición 1 en html, respuesta de datos de la posición 1 de la base de datos.

¿Alguien me puede orientar al respecto? ¿Debería incluir el código en cada fila de la tabla en html en lugar de en el formulario?

Muchas gracias por adelantado.

[Dafonz]

Lo de ajax es solo para interactuar sin hacer submit ni nada.. al final de cuentas necesitas un lenguajes en lado servidor (php,asp,etc), no necesitas ponerle todo el codigo a cada una, con una propiedad única en cada fila (id quizas si manejas) y un listener de cuando le dan click a la tabla, obtienes el id de la fila que se clickeo y lo mandas con ajax por ejemplo a un php donde haces consulta normal y regresas la info en JSon o lo que te parezca.

Edit. Para que te des una idea:

Código Javascript:

$(document).ready(function() {
            $('#tabla tr').click(function() {
                alert($(this).attr('title'));
                $.post('archivo.php',{id:$(this).attr('title')},function(data) {
                    alert(data);
                });
            });
        });
 

Código HTML:

<table id="tabla" border=1>
        <tr title='1'>
            <td >Juan Perez</td>
            <td >Cartero</td>
        </tr>
        <tr title='2'>
            <td>Jorge Lopez</td>
            <td>Dentista</td>
        </tr>
    </table>
 

No se si manejes JQuery o no, pero solo seria cambiarlo a Javascript puro

[Musiker]

En realidad sólo manejo algo de C y html, ahora estoy aprendiendo php, ajax, etc porque lo necesito para lo que quiero hacer (no es nada académico, sólo por placer)
Muchísimas gracias por tu código

[Musiker]

Iniciado por Dafonz

Lo de ajax es solo para interactuar sin hacer submit ni nada.. al final de cuentas necesitas un lenguajes en lado servidor (php,asp,etc), no necesitas ponerle todo el codigo a cada una, con una propiedad única en cada fila (id quizas si manejas) y un listener de cuando le dan click a la tabla, obtienes el id de la fila que se clickeo y lo mandas con ajax por ejemplo a un php donde haces consulta normal y regresas la info en JSon o lo que te parezca.

Edit. Para que te des una idea:

Código Javascript:

$(document).ready(function() {
            $('#tabla tr').click(function() {
                alert($(this).attr('title'));
                $.post('archivo.php',{id:$(this).attr('title')},function(data) {
                    alert(data);
                });
            });
        });
 

Código HTML:

<table id="tabla" border=1>
        <tr title='1'>
            <td >Juan Perez</td>
            <td >Cartero</td>
        </tr>
        <tr title='2'>
            <td>Jorge Lopez</td>
            <td>Dentista</td>
        </tr>
    </table>
 

No se si manejes JQuery o no, pero solo seria cambiarlo a Javascript puro

En realidad sólo manejo algo de C y html, ahora estoy aprendiendo php, ajax, etc porque lo necesito para lo que quiero hacer (no es nada académico, sólo por placer)
Muchísimas gracias por tu código y tu orientación

[caricatos]

Hola:

Mi consejo es que evites cosas complicadas y sobre todo depender de javascript para cosas importantes porque todos podemos desactivarlo... además, los controles de formulario pueden maquillarse para que tengan otro aspecto. Y cuando todo funcione bien sin tocar javascript, aprovecharse de los eventos normales para añadir dinamismo... no hay ningún problema en tener cientos de formularios en una página.

Saludos