php - 多个实例时使用PHP AJAX更新表记录

在我的页面上，我有多种与此相同的表格...

<form class='bill-upd'>
   <input type='hidden' value='".$info['rand']."' name='rand2' id='rand2'>
   <input type='hidden' value='".$info['id']."' name='billid' id='billid'>
   Total <input type='text' id='total' name='total' /><br />
   Bill name<input type='text' id='bill-name' name='bill-name' /><br />
   bill descriptiion <input type='text' id='bill-description' name='bill-description' /><br />
   bill colour<input type='text' id='bill-colour' name='bill-colour' />
   <input type='button' value='submit' onClick='updateBill();' />
</form>

然后我也有我的AJAX

function updateBill()
{
    $.post('update_bill.php', $('.bill-upd').serialize(),
        function(data) {
        $(this).append(data);
    });
};

如果我的页面上有一种表单，则可以正常工作，但是当有多个实例时，我的同一条记录将被覆盖，有人可以告诉我即时出现问题的地方吗？

谢谢



在@Armatus和@Bricriu的帮助下，我对它进行了排序，标记为的答案起作用了，但愚蠢地忘记了将其包装在document.ready中。

最佳答案

您需要一种方法来指定要更新的帐单，否则就需要全部处理。这应该起作用，因为我们可以通过单击哪个按钮来确定是哪个按钮。

编辑：我个人将使用jQuery而不是onClick绑定元素本身：

$(".bill-upd input:submit").click(function(){
    var elem = $(this);
    $.post('update_bill.php', elem.parent('.bill-upd').serialize(),
        function(data) {
        elem.append(data);
    });
});