Ajax thêm tải

Question

nó phải jquery

Tôi có tập tin text.html với 6 div trong (a, b, c, d, e, f)

Trong tập tin khác tôi có một div , tôi thích nó để điền nội dung của một + b + c + d + e + f vào đó div duy nhất

Tôi đã thử .load = but b remplace a tôi đã thử thêm, nhưng tôi cần một temp var

vì vậy bây giờ tôi bị kẹt

Mã đó lấy nội dung từ tệp textes.html ... div #a và đặt nội dung vào div #right, nhưng bộ tộc thứ hai REMPLACE nội dung bên phải a có b

Tôi thích chắp thêm nội dung a + b kHÔNG một trên b

$(document).ready(function(){ 
var temp = load('textes.html #nicolas'); 
$('#right').append(temp); 
var temp = load('textes.html #antoine'); 
$('#right').append(temp); 
. 
. 
. 
. 

return false; 
}); 

mã đó là ý tưởng đằng sau những gì nên làm việc, nhưng tôi không thể làm cho một .load ajax() để tải nội dung vào một biến để thêm nội dung vào div. ..

<script type="text/javascript"> 
$(document).ready(function(){  
$.ajax({ 
    url: "textes.html", 
    cache: false, 
    success: function(html){ 
    $("#right").append(html); 
    } 
}); 
}); 
</script> 

Mã đó tải W Tệp html HOLE, tôi muốn chỉ nhận một số DIV được chọn #

Answer 1

$(document).ready(function(){  
    $.get("textes.html",function(data){ 
     $("#right").append($("#nicolas",data)).end().append($("#antoine",data)); 
    },'html');  
}); 

Answer 2

Điều này nghe có vẻ giống như jQuery? Vui lòng nêu rõ bạn đang sử dụng khung nào vì tôi thực sự không thể thấy bất kỳ đề cập nào về nó. Dù sao, phụ thêm sẽ hoạt động. Chỉ cần làm một cái gì đó như:

mydiv.append(a.text()); 
mydiv.append(b.text()); 
mydiv.append(c.text()); 
mydiv.append(d.text()); 
mydiv.append(e.text()); 
mydiv.append(f.text()); 

Tất cả chúng nên được thêm vào mydiv. LƯU Ý: nếu bạn cũng muốn html, hãy sử dụng hàm .html() thay vì .text().

Answer 3

JQuery (http://jquery.com/) là thư viện javascript tốt mà bạn có thể sử dụng để thực hiện yêu cầu AJAX để nhận tệp khác. Xem câu hỏi này để biết thêm: Use jQuery to replace XMLHttpRequest

Answer 4

Tôi đã có một vấn đề tương tự chỉ là bây giờ và tôi nghĩ rằng tôi đã tìm ra một cách để làm những gì chúng ta muốn sử dụng .load() chức năng. Nó không đẹp nhưng không bao giờ nhớ;)

Trước hết, tôi đã thêm "TempDiv" vào html của mình với kiểu "hiển thị: ẩn".

<div id="TempDiv" style="visibility:hidden"></div> 

Sau đó, bạn chạy jQuery:

$(document).ready(function(){ 
     $('#TempDiv').load('textes.html #nicolas', function(){ 
      $('#right').append($('#TempDiv').html()); 
     }); 

    }); 

Tôi không chắc đó là cách tốt nhất!

PS: Đó là bài viết của tôi đầu tiên stackoverflow;)

Answer 5

thử,

$.get('url.php', function(data) { 
    $("#right").append(data); 
});