使用AJAX执行基本CRUD的最佳方法是什么

Question

我在网站上制作一个简单的CRUD时遇到了麻烦。

我有一张注册表

<table>   
    <tbody>  
        <?php foreach ($row as $reg) { ?>  
            <tr <?php if ($reg['value'] < 0) { echo "class='error'"; } ?>>  
                <td><?php echo $reg['creditor'] ?></td>  
                <td><?php echo $reg['debtor'] ?></td>  
                <td><?php echo $reg['reason'] ?></td>  
                <td>R$ <?php echo number_format(abs($reg['value']), 2, ',', ' ')?></td>  
                <td><a **href="<?php echo $this->baseUrl(); ?>/history/delete/id/<?php echo $reg['id']; ?>"** class="delete"><img src="http://192.168.0.102/libraries/css/blueprint/plugins/buttons/icons/cross.png" alt=""/></a></td>  
            </tr>  
        <?php } ?>  
    </tbody>  
</table>

我想使用AJAX （最好是jQuery）在这些行中执行简单的删除操作 。 问题是：是否必须在JS中创建一个函数并在HTML中添加onmouseclick事件？ 是否有更一致的方法来执行此操作，例如直接在js文件中添加$('.delete').click() ？ 如果是这样，如何传递ajax函数的行ID ？

我真正想要的是知道如何通过干净的方式将行ID传递给$.ajax() jQuery函数！ 方式

另外

使用$.ajax() jQuery函数将AJAX代码转换为history\\delete\\id\\ROW_ID 。 我只想删除该行并淡入淡出并将其从表中删除。

我尝试过但可以解决

$('.delete')
        .click(function() {
        $.ajax({
            type: 'GET',
            url: 'history/delete/',
            data: 'id/'+$(this).attr('id'),
            success: function() {
            $(this).fadeOut();
            $(this).remove();
            }
        });
        return false;
        });

Answer 1

在视图中：

...
<td><a **href="<?php echo $this->baseUrl(); ?>/history/delete/id/<?php echo $reg['id']; ?>"** class="delete" id="<?php echo $reg['id'] ?>"><img src="http://192.168.0.102/libraries/css/blueprint/plugins/buttons/icons/cross.png" alt=""/></a></td>
...

在js中：

$('.delete').click(function()
{
  var rowid = $(this).attr('id') ;
  // ... then make your ajax call...
});