CRUD Codeigniter dan Ajax, Delete Data

Halo Dumenity, selamat datang kembali di website tips dan trikĀ Dumet School. Berjumpa kembali dengan saya pada pembahasan tips seputar dunia website,pada kesempatan kali ini saya akan melanjutkan artikel sebelumnya tentang CRUD Codeigniter dan Ajax, Insert Data. Kali ini kita akan melanjutkan tentang CRUD Codeigniter dan Ajax, Delete Data dan kali ini kita akan melakukan proses delete data dengan ajax. Sebelum membuat proses delete data tentu kita harus menambahkan button untuk action delete data. Pertama – tama kita tambahkan buttonnya di dalam fungsi data_customer()

CRUD Codeigniter dan Ajax, Delete Data

Kemudian kita buat alert bootstrap nya untuk validasinya

<!--MODAL HAPUS-->
  <div class="modal fade" id="ModalHapus" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
          <div class="modal-content">
              <div class="modal-header">
                  <h4 class="modal-title" id="myModalLabel">Hapus Data</h4>
              </div>
              <form class="form-horizontal">
                <div class="modal-body">
                  <input type="hidden" name="kode" id="id_cus" value="">
                  <div class="alert alert-danger"><p>Apakah Anda yakin mau memhapus barang ini?</p></div>   
                </div>
              <div class="modal-footer">
                  <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                  <button class="btn_hapus btn btn-danger" id="btn_hapus">Hapus</button>
              </div>
              </form>
          </div>
      </div>
  </div>

Kemudian kita buat fungsi ajax nya untuk delete data

//GET delete
$('#show_data').on('click','.item_hapus',function(){
        var id=$(this).attr('data');
        $('#ModalHapus').modal('show');
        $('[name="kode"]').val(id);
    });
//Hapus Barang
$('#btn_hapus').on('click',function(e){
    e.preventDefault();
    var id=$('#id_cus').val();
    $.ajax({
    type : "POST",
    url  : "<?php echo base_url()?>index.php/data_customer/delete",
      data : {id: id},
        success: function(data){
                $('#ModalHapus').modal('hide');
                data_customer();
        }
      });
    });

Kemudian kita buat metod di dalam Controller/Data_customer.php dengan nama delete()

function delete(){
        $id=$this->input->post('id');
        $data=$this->main_model->delete_data('data_customer',$id);
    }

Kemudian kita buat metod atau fungsi di dalam Models/Main_model.php

function delete_data($table,$id){
        $this->db->delete($table, array('id' => $id));
    }

Jika sudah save dan jalankan pada browsernya, maka fitur delete dengan ajax berhasil kita buat berikut dengan validasi modal bootstrap nya.

CRUD Codeigniter dan Ajax, Delete Data

Demikianlah tips tentang CRUD Codeigniter dan Ajax, Delete Data tentu kita akan melanjutkan pada artikel selanjutnya untuk membuat fitur update data dengan ajax. Baik kita jumpa kembali di artikel update data dengan codeigniter dan ajax nya. Terimakasih dan sampai jumpa.

Semoga bermanfaat.

Hernowo Author

Leave a Reply

Your email address will not be published. Required fields are marked *