php - AJAX 返回数据淡入现有元素

Question

在我的网站上，我有一个更新表单，提交时会更改我的数据库。然而，我想做的是拥有所有包含旧值的元素，

AJAX

// UPDATE 
     $(".bill-upd-submit").click(function() {
          var elem = $(this);
          $.post("update_bill.php", elem.parent(".bill-upd").serialize(), function(data) {
             //INSERT INTO OLD VALUES
          });
    });

PHP

在我的 PHP 中，我尝试了以下方法，但没有成功，以前有没有人这样做过，或者可以就我可能出错的地方给我建议？

 echo "elem.closest('li').find('.cost').html('');";

Answer 1

您不需要让服务器提供 jQuery 代码。您可以将它输入到回调函数中，您可以在其中//INSERT INTO OLD VALUES添加 -comment。

$.post("update_bill.php", elem.parent(".bill-upd").serialize(), function(data) {
  //We will use the "data"-variable that was passed to this function by jQuery.
  elem.closest('li').find('.cost').html(data);
});

在上面的代码中，“数据”变量包含服务器返回的内容。因此，对于该解决方案，请确保"update_bill.php"它将返回您要插入的 HTML 'li .cost'。