HARI KE-17 PRAKERIN #17

 

6/27/2024

Assalamualaikum wr wb

Pagi ini tidak ada apel

Hari ini saya menambahkan cofirm alert saat di delete menggunakan sweetAlert

berikut source codenya

1.Tambahkan

<input type="hidden" class="delete_id" value="{{ $value->id }}">

pada bawa TR TBODY TABEL

2.Tambahkan class btndelete pada button delete

 <button class="btn btn-danger btn-sm btndelete"><i class='bx bxs-trash'></i></button>

3.Tambahkan CDN jquery dan CDN  sweetAlert

<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script>

4.Script sweetAlertnya

$(document).ready(function (){
        $.ajaxSetup({
                headers:{'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}
            });

            $('.btndelete').click(function(e){
                e.preventDefault();

                var deleteid = $(this).closest("tr").find('.delete_id').val();
                swal({
                    title: "Apakah Yakin Ingin Menghapus Data ini?",
                    text: "Setelah dihapus data tidak akan bisa dipulihkan kembali",
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                    })
                    .then((willDelete) => {
                    if (willDelete) {
                        var data = {
                            "_token": $('meta[name="csrf-token"]').attr('content'),
                            id : deleteid,
                        };
                             $.ajax({
                                type : "DELETE",
                                url : 'route/' + deleteid,
                                data: data,
                                success: function(response){
                                    swal(response.success,{
                                    icon: "success",
                                })
                                    .then((result)=>{
                                        location.reload();
                                    });
                            }
                        });
                    }else{
                        swal(response.error,{
                            icon: "error",
                        });
                    }
                });

            });
    });

Note sebelum menambahkan url route harap perintahakn command promt "php artisan route:list" agar

tidak error route tidak terdefinisi


5.Tambahkan Code ini pada controler destroy/delete

$prakerin = Prakerin::find($id);
        if($prakerin){
            $prakerin->delete();
            return response()->json(['success' => 'Data Berhasil Dihapus']);
        }else{
            return response()->json(['error' => 'Data Tidak Ditemukan'],404);
        }


Itu saya


Waalaikumsalam wr wb

Komentar

Posting Komentar

Postingan populer dari blog ini

HARI KE-13 PRAKERIN #13

Gambar
  6/21/2024 Assalamualaikum wr wb Pagi hari seperti biasa apel ,lanjut ngoding membuat table data tempat prakerin 1.migration public function up ()     {         Schema :: create ( ' tempatPrakerin ' , function ( Blueprint $table) {             $table -> id ();             $table -> string ( ' nama_dudi ' );             $table -> string ( ' nama_pimpinan ' );             $table -> string ( ' alamat_dudi ' );             $table -> integer ( ' jmlh_kuota ' );             $table -> integer ( ' kuota_terisi ' );             $table -> integer ( ' sisa_kuota ' );             $table -> softDeletes ();             $table -> timestamps ();       ...
Baca selengkapnya

PRAKERIN HARI KE 54-58

Gambar
  Assalamualaikum wr wb 1.Senin Membuat CRUD bagian tentang 2.Selasa Membuat CRUD bagian berita 3.Rabu Membuat CRUD bagian kerja sama 4.Kamis Membuat CRUD bagian galeri 5.Jumat Lomba memeriahkan kemerdekaan RI ke 79, di diskominfo temanggung Waalaikumsalam wr wb
Baca selengkapnya