Rails3, Ajax删除表格数据

 

某条数据，设置了一个隐藏域为id，以便根据id删除数据

 

<tr>
<input type="hidden" value="46" name="come_in_bill_id">
<td>红包</td>
<td>500.0</td>
<td>2013-01-01</td>
<td>
<input id="bt_edit_cib" class="btn btn-mini" type="button" value="修改">
<input id="bt_destroy_cib" class="btn btn-mini btn-danger" type="button" value="删除">
</td>
</tr>

 

为所有删除按钮添加click事件，获取这条数据的id,发送ajax请求给服务器

 

 

$(document).ready(function(){
  DeleteClick();
  EditClick();
});

function DeleteClick() {
  $("table tr input[value='删除']").each(function () {
    $(this).unbind("click");
    $(this).bind("click", function () {
      if ($(this).val() == "删除") {
        var isDelete=confirm("确认删除?");
        if (isDelete){
          $(this).parent().parent().remove();
          var come_in_bill_id = $(this).parent().parent().find("input[type='hidden']").val();
          $.post("destroy_come_in_bill", {
            cib_id: come_in_bill_id
          },function(data){
          },"json")
        }
      }
    });
  });
}

 

服务器段根据id删除数据库中指定数据

 

 def destroy_come_in_bill
   @come_in_bill = ComeInBill.find(params[:cib_id])
   @come_in_bill.destroy
   render json: @come_in_bill
 end