JQuery нагрузки() и добавить

Question

глупый быстрый вопрос:

У меня есть:

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

но что, если я не хочу, чтобы вставить свой загруженный контент в #RESULT, но предварять его # результат, сохраняя все прецедентные элементы? Можно ли создать переменную, загрузить ее с контентом, а затем добавить или добавить ее к моему #result? Я представляю некоторые другие сценарии, где с моей новой переменной я могу манипулировать им, прежде чем вставлять его в DOM.

Answer 1

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

Вам нужно «асинхр ложь», так что вы ждать ответа. Если вы не дождались его (обычный асинхронный вызов Ajax), у вас будет неопределенная переменная в течение неизвестного времени, так что это может быть опасно.

EDIT: Как справедливо говорят комментарии, использование «async: false» не является обычным и уродливым. Обычно вы будете манипулировать ответом и вставлять его в DOM внутри обратного вызова. Использование async только потребуется, если вам действительно нужен ответ в переменной, ожидающей, что другая вещь будет использовать эту переменную, а не обычную вещь.

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

Answer 2

Быстрый способ может быть:

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

Answer 3

Вы имеете в виду что-то вроде этого?

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

Это сначала сохраняет загруженный контент в переменную, и вы можете манипулировать им, как хотите.

Answer 4

ли пост JQuery и загрузить данные в vaiable и препендом к желаемому DIV

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

Answer 5

Я думаю, что это более короткий soluction

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