我想在 codeigniter 中使用 sweetalert2 进行删除确认，但我不知道如何使它可以帮助我..？这是 sweetalert2 脚本 <script src="<?php echo base_url(); ?>sweetalert2/dist/sweetalert2.all.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/promise-polyfill"></script> <script src="<?php echo base_url(); ?>sweetalert2/dist/sweetalert2.min.js"></script> <link rel="stylesheet" href="<?php echo base_url(); ?>assets/sweetalert2/dist/sweetalert2.min.css"> <script type="text/javascript"> function hapus() { event.preventDefault(); var form = event.target.form; Swal.fire({ title: 'Are you sure?', text: "You won't be able to revert this!", icon: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'Yes, delete it!' }).then((result) => { if (result.value) { Swal.fire( 'Deleted!', 'Your file has been deleted.', 'success' ) } })} </script>这是删除按钮 <button onclick="hapus()" style="width:70px"type="button" class="btn btn-block btn-outline-danger"><?php echo anchor('postingan/hapus/'.$b->id,'Hapus'); ?></button>这是控制器function hapus($id){ $where = array('id' => $id); $this->m_data->hapus_data($where,'blogs'); redirect('Postingan'); }
3 回答
SMILET
TA贡献1796条经验 获得超4个赞
不要忘记像这样包含 jQuery Calculate
function hapus($___id) {
swal.fire({
title: 'Are you sure?',
text: "Are you sure you want to proceed ?",
type: 'warning',
showCancelButton: true,
confirmButtonText: 'Yes'
}).then(function(result) {
if (result.value) {
$.ajax({
url : `postingan/hapus/${$___id}`,
type : 'GET',
dataType:'json',
beforeSend: function() {
swal.fire({
title: 'Please Wait..!',
text: 'Is working..',
onOpen: function() {
swal.showLoading()
}
})
},
success : function(data) {
swal.fire({
position: 'top-right',
type: 'success',
title: 'User deleted successfully',
showConfirmButton: false,
timer: 2000
});
},
complete: function() {
swal.hideLoading();
},
error: function(jqXHR, textStatus, errorThrown) {
swal.hideLoading();
swal.fire("!Opps ", "Something went wrong, try again later", "error");
}
});
}
});
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9.6.1/dist/sweetalert2.all.min.js"></script>
<button onclick="hapus(10)" style="width:70px" type="button" class="btn btn-block btn-outline-danger">Hapus</button>
蓝山帝景
TA贡献1843条经验 获得超7个赞
我想尝试回答，因为现在我遇到了同样的问题，用甜蜜警报确认删除数据。所以我使用带有ajax（post）的方法并工作。
首先在按钮中获取id数据
<button onclick="hapus(<?php echo $b->id; ?>)" style="width:70px"type="button" class="btn btn-block btn-outline-danger"><?php echo 'Hapus'); ?></button>
然后使函数删除调用sweetalert
function del(id){
Swal.fire({
title: 'Yakin menghapus?',
text: "Data yang sudhah dihapus tidak dapat dikembalikan!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Ya, hapus sekarang!'
}).then((result) => {
if (result.value) {
Swal.fire({
title: 'Terhapus!',
text: 'Data berhasil dihapus.',
icon: 'success',
showConfirmButton: false
});
$.ajax({
type:"POST",
url: "back/rule/kontak_blog/del", //url function delete in controller
data:{
id:id //id get from button delete
},
success:function(data){ //when success will reload page after 3 second
window.setTimeout( function(){
location.reload();
}, 300 );
}
});
}
})
}
控制器删除
function del() {
$id = $this->input->post('id'); //get data from ajax(post)
$del = $this->M_kontak_blog->del($id);
}
模型删除
function del($id) {
$this->db->where('kb_id', $id);
$this->db->delete(' tb_kontak_blog');
}
我希望这个答案能帮助你
元芳怎么了
TA贡献1798条经验 获得超7个赞
尝试这个
swal.fire({
title: 'Are you sure?',
text: "Are you sure you want to proceed ?",
type: 'warning',
showCancelButton: true,
confirmButtonText: 'Yes'
}).then(function(result) {
if (result.value) {
$.ajax({
url : 'enter your url',
type : 'POST',
data : {id:id },
dataType:'json',
beforeSend: function() {
swal.fire({
title: 'Please Wait..!',
text: 'Is working..',
onOpen: function() {
swal.showLoading()
}
})
},
success : function(data) {
swal.fire({
position: 'top-right',
type: 'success',
title: 'User deleted successfully',
showConfirmButton: false,
timer: 2000
});
},
complete: function() {
swal.hideLoading();
},
error: function(jqXHR, textStatus, errorThrown) {
swal.hideLoading();
swal.fire("!Opps ", "Something went wrong, try again later", "error");
}
});
}
});
这是控制器
function hapus($id){
$where = array('id' => $id);
$this->m_data->hapus_data($where,'blogs');
//echo true; OR return true;
}
- 3 回答
- 0 关注
- 292 浏览
添加回答
举报
0/150
提交
取消