JQuery - JQuery problema al capturar datos de otro php

   
Vista:
Imágen de perfil de Andres

JQuery problema al capturar datos de otro php

Publicado por Andres (6 intervenciones) el 04/03/2018 06:13:27
buenas noches, estoy tratando de capturar los datos de una tabla por medio de JQuery, y puedo lograrlo con la tabla que esta creada en el archivo ventana_prinsipal.php, pero cuando mando llamar otra tabla creada de otro archivo php osea el archivo mitabla.php, pues no puedo capturar los datos de esa tabla, y ya he intentado de muchas maneras, y deseo capturar los datos de esa manera.

ventana_prinsipal.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<html>
    <head>
        <script language="javascript" src="js/jquery-1.2.6.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    </head>
    <body>
 
        <div id="area_tabla">
            <div id="recargado"></div>
        </div>
 
        <script type="text/javascript">
            var dato = "dato";
            $.post("mitabla.php", {variable: dato}, function (data) {
                $("#recargado").html(data);
            });
        </script>
 
        <script type="text/javascript">
            $(document).on("ready", function () {
                $("#area_tabla table tr td").click(function () {
                    var celda = $(this);
                    alert(celda.html());
                });
            });
        </script>
 
        <p>esta tabla si selecciona su valor</p>
        <div id="area_tabla">
            <table border="1px">
                <tr><th>nombre2</th></tr>
                <tr><td>andres2</td></tr>
            </table>
        </div>
 
    </body>
</html>

mitabla.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
    <head>
    </head>
    <body>
        <p>tabla que no selecciona el valor</p>
        <div id="area_tabla">
            <table border="1px">
 
                <tr><th>nombre</th></tr>
                <tr><td>andres1</td></tr>
            </table>
        </div>
    </body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

JQuery problema al capturar datos de otro php

Publicado por xve (631 intervenciones) el 04/03/2018 09:13:21
Es correcto Andres, porque la tabla que tu cargas por AJAX, tiene el mismo id que la tabla que se encuentra en el archivo.

Prueba a ponerle otro id a la tabla que insertas por AJAX

Recuerda que cuando cargas contenido con AJAX, el codigo javascript ya se ha cargado con anterioridad y ese contenido que tu añades desde AJAX no estaba en el DOM de la pagina... dependerá de como utilices jquery para que pueda leerlo o no.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Andres

JQuery problema al capturar datos de otro php

Publicado por Andres (6 intervenciones) el 04/03/2018 18:27:46
hola, buenos dias, gracias por responder. Ya habia intendado lo que dices, lo de cambiarle el id de la tabla del archivo, y al div de la pagina_prinsipal pero no me funciono.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

JQuery problema al capturar datos de otro php

Publicado por xve (631 intervenciones) el 04/03/2018 21:09:19
Es que con el mismo id no pueden estar... en principio no se puede repetir ningun id en una pagina web.

Te he modificado tu código para que te funcione.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    </head>
    <body>
 
        <div id="recargado"></div>
 
        <script type="text/javascript">
            var dato = "dato";
            $.post("mitabla.php", {variable: dato}, function (data) {
                $("#recargado").html(data);
            });
        </script>
 
        <script type="text/javascript">
            $(document).on("ready", function () {
                $("#recargado").on("#area_tabla table tr td").click(function () {
                    var celda = $(this);
                    alert(celda.html());
                });
            });
        </script>
 
    </body>
</html>

El archivo mitabla.php:
1
2
3
4
5
6
7
<div id="area_tabla">
    <table border="1px">
 
        <tr><th>nombre</th></tr>
        <tr><td>andres1</td></tr>
    </table>
</div>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de Andres

JQuery problema al capturar datos de otro php

Publicado por Andres (6 intervenciones) el 04/03/2018 22:34:09
Hola, buenas tardes, efectivamente como dices he resuelto ese problema que tenia, te lo agradezco mucho.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Andres

JQuery problema al capturar datos de otro php

Publicado por Andres (6 intervenciones) el 04/03/2018 23:05:06
tengo otra pregunta, con el codigo que planteas, me devuelve todo todo el codigo que tengo en mitabla.php, como puedo hacerle para que solo me devuelva el valor que selecciono?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

JQuery problema al capturar datos de otro php

Publicado por xve (631 intervenciones) el 05/03/2018 07:48:57
No te entiendo... a que te refieres? cuando te devuelve la tabla hay un nombre, te refieres cuando pulsas sobre ese nombre?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Andres

JQuery problema al capturar datos de otro php

Publicado por Andres (6 intervenciones) el 05/03/2018 17:32:46
el id ya esta bien, eso si lo comprendo, pero cuando pulso el nombre o el dato de la tabla o cualquier parte de la tabla, no me devuelve el valor seleccionado, sino que me devuelve todo el codigo de mitabla.php.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Andres

JQuery problema al capturar datos de otro php

Publicado por Andres (6 intervenciones) el 05/03/2018 18:13:09
me explicare bien.
La modificación que le hiciste al código, me devuelve todo el código del archivo mitabla.php en lugar de solo devolverme el valor seleccionado, y mi pregunta es, ¿que modificación en el jquery se tiene que hacer para que me devuelva el valor seleccionado?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar