obciążenie jQuery() i dołączyć

Question

głupie krótkie pytanie:

Mam:

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

ale co jeśli nie chcę, aby wstawić mój załadowany zawartość do #result, ale poprzedzić go do # wynik, utrzymując wszystkie poprzednie elementy? Czy jest możliwe utworzenie zmiennej, załadowanie jej treścią, a następnie dodanie lub dodanie jej do moich #result? Wyobrażam sobie kilka innych scenariuszy, w których dzięki mojej zupełnie nowej zmiennej mogę manipulować nią przed wstawieniem jej do DOM.

Answer 1

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

Trzeba "async: false", tak aby poczekać na odpowiedź. Jeśli nie czekasz na to (normalne wywołanie asynchroniczne Ajax) będziesz miał niezdefiniowaną zmienną na nieznany czas, więc może to być niebezpieczne.

EDYCJA: Jak słusznie podkreślają komentarze, użycie "async: false" nie jest zwyczajne i jest brzydkie. Normalnie zmodyfikujesz odpowiedź i wstawisz ją do DOM wewnątrz oddzwaniania powodzenia. Używanie asynchronicznego byłoby wymagane tylko wtedy, gdy naprawdę potrzebujesz odpowiedzi w zmiennej, czekając na inną rzecz, aby użyć tej zmiennej, a nie zwykłą rzeczą.

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

Answer 2

Szybkim sposobem może być:

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

Answer 3

Masz na myśli coś takiego?

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

To najpierw zapisuje załadowaną zawartość w zmiennej i można nią manipulować w dowolny sposób.

Answer 4

Czy post jQuery i załadowanie danych do vaiable i dokleja do żądanej div

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

Answer 5

myślę, że to jest krótszy soluction

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