jquery load() và thêm

Question

ngớ ngẩn câu hỏi nhanh:

Tôi có của tôi:

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

nhưng những gì nếu tôi không muốn chèn nội dung tải của tôi vào #result, nhưng thêm vào trước nó để # kết quả, duy trì tất cả các yếu tố tiền lệ? Có thể tạo một biến, tải nó với nội dung và sau đó nối thêm hoặc thêm nó vào #result của tôi? Tôi hình dung một số kịch bản khác với biến mới của tôi, tôi có thể thao tác nó trước khi chèn nó vào DOM.

Answer 1

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

Bạn cần "async: false" để bạn chờ đợi phản ứng. Nếu bạn không chờ đợi (cuộc gọi không đồng bộ Ajax bình thường), bạn sẽ có biến không xác định trong một khoảng thời gian không xác định, vì vậy nó có thể nguy hiểm.

EDIT: Khi nhận xét đúng, sử dụng "async: false" không bình thường và rất xấu. Thông thường bạn sẽ thao tác phản hồi và chèn nó vào DOM bên trong gọi lại thành công. Việc sử dụng các async chỉ sẽ được yêu cầu nếu bạn thực sự cần phản ứng trong một biến chờ đợi một điều khác để sử dụng biến đó, không phải là một điều phổ biến xảy ra.

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

Answer 2

Một cách nhanh chóng có thể là:

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

Answer 3

Bạn có nghĩa là một cái gì đó như thế này?

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

Điều đó lưu nội dung đã tải của bạn vào biến trước và bạn có thể thao tác nội dung đó theo bất kỳ cách nào bạn muốn.

Answer 4

Làm một bài jQuery và tải các dữ liệu vào một vaiable và thêm vào trước để div mong muốn

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

Answer 5

Tôi nghĩ rằng đây là một soluction ngắn

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