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-注释。

$.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);
});

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