jQuery的AJAX問題，堆疊的div

Question

我有我的網絡的負載動態部分有點代碼：

$('a#ajax-call').click(function (e) { 
    $("#container").load('/process.php',{id:myID},function(data){ 
     return; 
    }); 
    e.preventDefault(); 
}); 

至極回報這個網站方案：

<div>my ajax loaded content</div> 

，並追加到這個方案：

<div id=container> 
    <div>php loaded content 1</div> 
    <div>php loaded content 2</div> 
    <div id="static">php loaded content static</div> 
    <div>php loaded content 3</div> 
    ... until 12 divs... 
</div> 

問題是，負載正在替換整個內容#container，我需要這樣顯示：

<div id=container> 
    <div>ajax loaded content </div> 
    <div>php loaded content 1</div> 
    <div id="static">php loaded content static</div> <--- remains static 
    <div>php loaded content 2</div> 
    ... until 12 divs... 
</div> 

任何想法？

Answer 1

$('a#ajax-call').click(function (e) { 
    e.preventDefault(); 
    $.ajax({ 
    url: '/process.php', 
    type: "POST", 
    data: "id="+myID, 
    cache: true, 
    success: function(data){ 
    $("#container").append(data);   
    } 
    }); 
}); 

和

<a href="javascript:;" id="ajax-call"> ... </a> 

，如果你不使用e.preventDefault修改您的錨標記（）;在阿賈克斯調用函數

Answer 2

也許你可以試試：

$.get('/process.php', {id: myID}, function(data) { 

    $("#container").append(data); 
    return; 
}); 

據jQuery的文檔約$.load()：

當檢測到成功響應（即當textStatus是 「成功」 或 「notmodified」）。 load（）將匹配元素的HTML內容設置爲返回的數據。