bootstrap删除模态框弹出并询问是否删除【通用删除模态框】

最新推荐文章于 2024-05-12 09:07:05 发布

weixin_34365417

最新推荐文章于 2024-05-12 09:07:05 发布

阅读量1.5k

点赞数

文章标签： javascript java ViewUI

通过Bootstrap模态框提升用户体验，实现删除功能时的优雅询问。点击删除按钮，模态框显示并传递待删除ID，用户确认后通过AJAX发送到后台执行删除操作，成功后刷新页面。

摘要由CSDN通过智能技术生成

　　普通的询问是否删除的对话框比较low，可以利用bootstrap的模态框代替普通的对话框来实现删除。

效果:

　　点删除的时候弹出模态框询问是否删除，点确认的时候将需要删除的ID传到后台进行删除。

过程:

1.界面准备删除模态框:

　　模态框中隐藏需要删除的ID

                            <!-- 模态框   信息删除确认 -->
                            <div class="modal fade" id="delcfmOverhaul">
                                <div class="modal-dialog">
                                    <div class="modal-content message_align">
                                        <div class="modal-header">
                                            <