load() almacenar respuesta en variables

yamatadvd2000 · #1 (**permalink**) 21/03/2011, 13:39

Hola, buen dia.

Tengo un archivo que debe ser llamado por ajax y manipular su contenido antes de ser insertado.

La funcion load() de jquery se que permite llamar al contenido y despues insertarlo, segun la documentacion sería algo como esto.

Código Javascript:

Ver original$('#result').load('ajax/test.html #container');

Sin embargo, me pregunto si se pueden llamar mas de un id en una misma linea, algo como esto:

Código Javascript:

Ver original$('#result').load('ajax/test.html #container, #container2, #container3');

Y aparte, el contenido de esos ids almacenarlos en variables antes de mostrarlos de esta manera.

Código Javascript:

Ver originalvar container=; //Aqui se guardaria el contenido de #container
var container2=; //Aqui se guardaria el contenido de #container2
var container3=; //Aqui se guardaria el contenido de #container3
 
 
$('#result1').html(container);
$('#result2').html(container2);
$('#result3').html(container3);

doylelives · #2 (**permalink**) 22/03/2011, 07:37

Leyendo la documentación interpreto que luego del 1º espacion en la url, jquery lo interpreta como un selector, intenta en vez de comas espacios.

Código Javascript:

Ver original1.
      $('#result').load('ajax/test.html #container #container2  #container3');

Dany_s · #3 (**permalink**) 22/03/2011, 08:27

si se puede seleccionar varios elementos

si tenes

Código HTML:

Ver original<div id="contenido">
    <div id="uno">div 1</div>
    <div id="dos">div 2</div>
    <div id="tres">div 3</div>
</div>

y queres #uno y #tres

Código Javascript:

Ver original$('body').load('url.php #uno, #tres');

pero no lo vas a poder mostrar en diferentes elementos o guardarlod en variables

pero podes hacer esto

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplo</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
        <script>
        $( function(){
 
            $.ajax({
                url: 'url.php',
                dataType: 'html',
                success: function ( data ){
                    container1 = $(data).find('#uno');
                    container3 = $(data).find('#tres').append("<b>aregado</b>");
 
                    $('#result1').html(container1);
                    $('#result3').html(container3);
                }
            });
 
 
        });
 
        </script>
    </head>
    <body>
        <div id="result1"></div>
        <div id="result3"></div>
    </body>
</html>