重裝內容已經完成

Question

我有一個表格，當阿賈克斯提交增加了一個新的項目，以在數據庫中的表。此列表顯示在頁面上，我想要執行的操作是在新項目添加到列表時不刷新頁面時刷新該列表。這樣做的最好方法是什麼？

Answer 1

你會希望服務器初始AJAX請求後返回的一些信息。如果您的列表是使用模板來呈現每個LI元素，它很可能是最好簡單地用HTML響應，然後追加直接在您的UL

比方說，你的服務器

<li class="animal" data-id="123"> 
    <a href="/animals/123">Panda</a> 
    It's a bear 
</li> 

這裏的響應你的JavaScript位

var data = {name: "Panda", description: "It's a bear"}; 
var xhr = $.post('/animals', data); 

xhr.done(function(html) { 
    $("#my-list").append(html); 
}); 

---

該解決方案juses jQuery.post和deferred.done