[英]What would be the best way to perform a basic CRUD using AJAX
我在網站上制作一個簡單的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;
});
在視圖中:
...
<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...
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.