jquery load() e aggiungere

Question

stupida domanda veloce:

ho il mio:

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

ma cosa succede se io non voglio inserire il contenuto caricato in #result, ma anteporre esso a # risultato, mantenendo tutti gli elementi precedenti? È possibile creare una variabile, caricarla con il contenuto e quindi aggiungerla o aggiungerla al mio #result? Immagino alcuni altri scenari in cui con la mia nuova variabile posso manipolarlo prima di inserirlo nel DOM.

Answer 1

var response; 
$.ajax({ type: "GET", 
    url: "ajax/test.html", 
    async: false, 
    success : function(text) 
    { 
     response= text; 
    } 
}); 
$('#result').prepend('<div>'+response+'</div>'); 

È necessario "async: false" in modo da attendere la risposta. Se non lo si aspetta (normale chiamata asincrona di Ajax) si avrà una variabile indefinita per un tempo sconosciuto, quindi potrebbe essere pericoloso.

EDIT: Come dicono giustamente i commenti, l'uso di "async: false" non è normale ed è brutto. Normalmente dovresti manipolare la risposta e inserirla nel DOM all'interno della callback di successo. L'uso del solo async sarebbe necessario se hai davvero bisogno della risposta in una variabile in attesa che un'altra cosa usi quella variabile, non è una cosa comune che accada.

$.ajax({ type: "GET", 
    url: "ajax/test.html", 
    success : function(text) 
    { 
     $('#result').prepend('<div>'+text+'</div>'); 
    } 
}); 

Answer 2

Un modo rapido potrebbe essere:

$('#result').append($('<div>').load('ajax/test.html')); 

Answer 3

Vuoi dire qualcosa di simile?

var content; 
$.get('ajax/test.html', function(data){ 
    content= data; 
    $('#result').prepend(content); 
}); 

Salva prima il contenuto caricato in una variabile e puoi manipolarlo come desideri.

Answer 4

fare un post jQuery e caricare i dati ad un vaiable e anteporre al div desiderata

$.post('ajax/test.html', function(data) { 
    $('#result').prepend(data); 
}); 

Answer 5

credo che questo sia un soluction più breve

$.get("ajax/test.html",function (dados) { $("#result").append(dados);});