如何使用javascript对话框从数据库中删除我的帖子
How can I delete my post from the database using a javascript dialog?
我想创建一个对话框,这样用户如果想删除帖子,就可以确认他的操作。我现在唯一的问题是,如果我确认对话框,带有下一个ArticleID的帖子将被删除,而不是我想要删除的特定帖子。我做错了什么,或者我必须添加什么来防止这个错误?
$result = $link->query('SELECT * FROM artikel ORDER BY artikelID DESC');
while($record = $result->fetch_array()){
echo '<div id="dialog-confirm" title="Delete post?">
</div>';
echo '<div class="artikel" style="clear: both;">
<a href="?actie=aanpassen&artikelID='.$record['artikelID'].'" id="aanpassenpost"><img src="icons/aanpassen.png" height="15" width="15"></a>
<img src="icons/delete.png" id="popup" height="15" width="15">
<script>
jQuery(function($) {
$("img#popup").click(function(event) {
$( "#dialog-confirm" ).dialog({
resizable: false,
height:30,
modal: true,
buttons: {
"blabla": function(){
location.href = "?actie=verwijderen&artikelID='.$record['artikelID'].'";
$( this ).dialog( "close" );
},
Cancel: function() {
$( this ).dialog( "close" );
}
}
});
});
});
</script>' ;
echo' <h3>'.$record['titel'].'</h3>
<p>'.$record['inhoud'].'</p>
</div>';
}
这是删除帖子的代码:
if(isset($_GET['actie']) && $_GET['actie'] == "verwijderen"){
$link->query('DELETE FROM artikel WHERE artikelID='.$_GET['artikelID'].';');
如上所述。jQuery应该有一个用于删除对话框的函数,每个删除"按钮"都应该有某种数据。
echo '<img src="icons/delete.png" class="popup" height="15" width="15" data-artikelID=' . $record['artikelID'] . ' />'
然后jQuery函数
$('img.popup').click(function(event) {
$( "#dialog-confirm" ).dialog({
resizable: false,
height:30,
modal: true,
buttons: {
"blabla": function() {
location.href = "?actie=verwijderen&artikelID=" + $(this).data('artikelID');
$( this ).dialog( "close" );
},
Cancel: function() {
$( this ).dialog( "close" );
}
}
});
});
});
您不需要为每个按钮使用重复的脚本。此外,您的jQuery选择器是相同的,因此单击按钮不会按预期工作。试试这样的东西:
我们在这里所做的是在id的链接上设置一个数据属性,然后在jquery脚本中检索它并在重定向链接中使用它。
<?php
$result = $link->query('SELECT * FROM artikel ORDER BY artikelID DESC');
while ($record = $result->fetch_array()) :
?>
<div class="artikel" style="clear: both;">
<a href="?actie=aanpassen&artikelID=<?php echo $record['artikelID'] ?>" id="aanpassenpost">
<img src="icons/aanpassen.png" height="15" width="15">
</a>
<img src="icons/delete.png" class="popup" data-artikel-id="<?php echo $record['artikelID'] ?>" height="15" width="15">
<h3><?php echo $record['titel'] ?></h3>
<p><?php echo $record['inhoud'] ?></p>
</div>
<?php endwhile; ?>
<div id="dialog-confirm" title="Delete post?"></div>
<script>
jQuery(function($) {
$("img.popup").click(function(event) {
var id = $(this).attr('data-artikel-id');
$( "#dialog-confirm" ).dialog({
resizable: false,
height:30,
modal: true,
buttons: {
"blabla": function(){
location.href = "?actie=verwijderen&artikelID=" + id;
$(this).dialog( "close" );
},
Cancel: function() {
$( this ).dialog( "close" );
}
}
});
});
});
</script>
相关文章:
- 如何使用 Java 脚本删除我的选项
- 删除我的本地存储
- JavaScript/DOM - 帮助删除我的内联 JavaScript
- 为什么我的 reset() 函数不删除我的红色错误行
- 为什么反应删除我的类名
- Phonegap zip插件删除我的文件
- 在特定情况下删除我的 json 字段
- JsTree:-为什么JsTree正在删除我的属性
- Javascript函数正在删除我的链接中的属性
- 为什么引导模式会在关闭模式并锚定到页面后删除我的滚动条
- 如何使用javascript对话框从数据库中删除我的帖子
- 为什么我的onclick不删除我的任何类
- 为什么jQuery不删除我的类?
- 如何重写jQuery日历的删除,以便我也可以删除我的数据库数据
- 删除我的网站上的url由facebook评论框的查询字符串
- 当访问者转到特定页面时,从缓存中删除我的站点
- 可以删除我的主干中的属性吗?模型's初始化方法,并将它们更改为模型的属性
- JavaScript -从字符串中删除我的颜色代码
- 我使用的是nggrid,它从json文件加载数据,我想使用angular js制作编辑和删除按钮来编辑和删除我的数据
- 如何只删除我的域设置的cookie的一部分(为其他应用程序设置的其他几个cookie)