jQuery y AJAX

vrael · #1 (**permalink**) 02/03/2011, 13:12

Estoy emepezando a trabajar con jQuery y hay algo que no entiendo.
Estoy intentano cargar un HTML externo dentro de un div destino pero algo me falla. He hecho esto:

Código Javascript:

Ver original$(document).ready(function(){
        $("#enlaceajax").click(function(evento){
                evento.preventDefault();
                $.ajax({
                    type: 'GET',
                    url: 'cargar.php',
                    dataType: 'html',
                    success: $("#destino").load(data)
                    });
                });
            });

1º). Por alguna razón no me funciona (la página cargar.php únicamente contiene un echo "TEXTO EXTERNO";

2º) He utilizado data como parámetro de load, pero realmente no sé que hace $.ajax con los datos que captura ¿dónde los alamcena? Es decir, ¿cómo puedo referirme a ellos? ¿Se llaman siempre data o puedo referirme a ellos con el nombre que quiera?

Gracias por adelantado.

marlanga · #2 (**permalink**) 02/03/2011, 14:31

success: function(data) { $("#destino").html(data); }

vrael · #3 (**permalink**) 02/03/2011, 17:35

Lo he hecho así y parece que ajax funciona, pero no termina de hacer lo que debe.

Hago una consulta en json y luego la función representar(data) se encarga de escribir los datos en una tabla. Pero en vez ejecutar la función y escribirla dentro del div, recarga toda la página, con lo que pierdo el propósito del AJAX. ¿Alguna idea de por qué ocurre esto?

Código Javascript:

Ver originalfunction representar(array)
    {
        for(var i in array)
            document.write(i + " " + array[i] + "<br />"); 
    }
$(document).ready(function(){
        $("#enlaceajax").click(function(evento){
                evento.preventDefault();
                $.ajax({
                    type: 'GET',
                    url: 'cargar.php',
                    dataType: 'json',
                    success: function(data) {
                        $("#destino").load(representar(data));
                        }
                    });
                });
            });

Me pasa siempre que quiero utilizar document.write dentro de success

marlanga · #4 (**permalink**) 02/03/2011, 18:38

success: function(data) { $("#destino").html(representar(data)); }
Estás emperrado con el load, y el load no hace lo que crees que hace. Consulta la documentación de jquery.

vrael · #5 (**permalink**) 03/03/2011, 03:15

Es que success: function(data) { $("#destino").html(representar(data)); } ya lo había probado antes, y me pasaba lo mismo, por eso volvía probar con el load.

De cualquier modo, me sigue imprimiendo el script en una página nueva, y no dentro del div, donde debería. Mira este es todo mi código:

cargar.php
//Array JSON que quiero cargar en la página

Código PHP:

Ver original<?php
echo <<<CODIGO
    {"uno":"hola","dos":"adios"}
CODIGO;
?>

index.php

Código PHP:

Ver original<html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    function representar(array)
    {
        for(var i in array)
            document.write(i + " " + array[i] + "<br />"); 
    }
    $(document).ready(function(){
        $("#enlaceajax").click(function(evento){
                evento.preventDefault();
                $.ajax({
                    type: 'GET',
                    url: 'cargar.php',
                    dataType: 'json',
                    success: function(data) {
                        $("#destino").html(representar(data)); 
                        }
                    });
                });
            });
        
    </script>
 
</head>
<body>
    <a href="#" id="enlaceajax">Haz clic!</a>
    <br>
    <div id="destino"></script></div>
</body>
</html>

PD: Estoy repasando la API de jQuery, pero de momento no encuentro la solución.

Gracias de nuevo.

marlanga · #6 (**permalink**) 03/03/2011, 05:22

Sustituye la función:
function representar(array)
{
var cadena="";
for(var i in array)
cadena+=i + " " + array[i] + "<br />";
return cadena;
}

En el DIV destino te sobra un </script>

vrael · #7 (**permalink**) 03/03/2011, 13:58

Muchísimas gracias. Ahora todo funciona perfecto.

Gracias de nuevo.