我一直在研究一个系统,你可以在SQLite数据库中的表中创建-read-update-delete。到目前为止,我只编写了创建和查看方法(简单)。
现在,我在决定如何删除和更新项目时遇到了障碍。在视图页面上,通过php和一代表(通过php回显到html)对数据库进行查询。每行旁边还添加了一个按钮,看起来像是一个垃圾桶,可以删除该行。
如何使用AJAX同时删除html表和sqlite表中的行?一个更明确的问题是,如何在单击按钮时将每个按钮链接到每一行并查询数据库?
以下是生成的表格:
foreach($result as $entry){
echo '<tr>' . '<td>'. $entry['department']. ' ' . $entry['CRN']. '</td>' .
'<td>'. $entry['title'] . '</td>' .
'<td>'. $entry['addDate'] . '</td>'.
'<td><button class="fg-button fg-button-icon-left ui-state-default ui-corner-all"><span class="ui-icon ui-icon-trash"></span></button></td>'.'</tr>';
}
答案 0 :(得分:5)
HTML:
<input id="clickMe" type="button" value="Delete Button" data-rowId="12"/>
使用Javascript:
$(document).ready(function(){
$('#clickMe').click(function(){
// send the delete request
$.ajax({
url: '/myEntity/delete',
data: {id: $(this).data('rowId')},
type: 'DELETE',
// removes the row only if the delete succeeds
success: function(){ $(this).parents('tr').remove(); }
});
});
});
更改类型:'DELETE'键入:'POST',如果您正在使用不支持DELETE的浏览器。
答案 1 :(得分:0)
您可以让Ajax调用返回新的值列表,只需用新内容替换整个表。
在回调中:
div
表div
这是我们经常做的事情,但我们需要,因为它是一个多用户系统。