Membuat Aplikasi MVC dengan PHP #12 Update Data (+ ajax)

Membuat Aplikasi MVC dengan PHP #12 Update Data (+ ajax)

Membuat Aplikasi MVC dengan PHP #12 Update Data (+ ajax)

Kali ini kita akan menambahkan fitur UPDATE DATA pada aplikasi MVC kita. Update data ini masih menggunakan bantuan dari modal box form tambah kita, yang nilai2 di dalam formnya diambil dan ditampilkan menggunakan AJAX.

PLAYLIST OOPHP :
https://www.youtube.com/playlist?list=PLFIM0718LjIWvxxll-6wLXrC_16h_Bl_p

#mvc #programming #objectoriented #php #webprogrammingunpas #ngoding


PLAYLIST LAIN:

– HTML Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIVuONHysfOK0ZtiqUWvrx4F

– CSS Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIUBrbm6Gdh6k7ZUvPIAZm7p

– Tutorial Sublime Text
https://www.youtube.com/playlist?list=PLFIM0718LjIWE-Ot9V9qcALx5OMAZY67c

– CSS Layouting
https://www.youtube.com/playlist?list=PLFIM0718LjIUu4Ju9GUL5zpLcuq08TKYr

– Dasar Pemrograman dengan JAVASCRIPT
https://www.youtube.com/playlist?list=PLFIM0718LjIWXagluzROrA-iBY9eeUt4w

– Belajar PHP untuk Pemula
https://www.youtube.com/playlist?list=PLFIM0718LjIUqXfmEIBE3-uzERZPh3vp6

– Javascript & DOM :
https://www.youtube.com/playlist?list=PLFIM0718LjIWB3YRoQbQh82ZewAGtE2-3


MEDIA SOSIAL

http://instagram.com/sandhikagalih
http://twitter.com/sandhikagalih
https://www.facebook.com/WebProgrammingUNPAS
http://codepen.io/webprogrammingunpas
https://github.com/webprogrammingunpas


UNIVERSITAS PASUNDAN BANDUNG
http://www.unpas.ac.id/
http://www.if.unpas.ac.id/

terimakasih dan selamat #ngoding!

@sandhikagalih
Membuat Aplikasi MVC dengan PHP #12 Update Data (+ ajax)



Membuat Aplikasi MVC dengan PHP #12 Update Data (+ ajax)

Related posts

39 Thoughts to “Membuat Aplikasi MVC dengan PHP #12 Update Data (+ ajax)

  1. Pak dika mau nanya , ko console di inspect nya ga muncul ? , apa ada yang kurang di coding nya pak ? terimakasih pak

  2. Mau tnya,. Knp $.ajax is not function, saya sudah ganti source jQuery nya, teteep sama masih is not function. Ada yg tau.?

  3. mau tanya dong,
    saya tidak bisa menampilkan data yg di lempar ajax di form ubah..

    kalo saya console itu ada semua datanya, tapi itupun klo typedata: json di matiin dulu…kalo di idupin ga bisa…

    mohon bantuanya

  4. di console nya error seperti ini pak, Unchecked runtime.lastError: The message port closed before a response was received ?. dan setelah diklik tombol diubah tidak mau tampil lagi ke halaman daftar mahasiswa.. mohon bantaunnya pak.

  5. Terimakasih pak dika… Pembahasan nya mudah di pahami… Mungkin masih pusing2 juga, tapi chanel pak dika ini sangat membantu… Sehat selalu pak dika

  6. Pak dika, disaya cb ngetes pake console.log(data), diconsole nya tulisannya false. Problem dimana nya ya?

  7. Pak Dosen, izin bertanya,

    Ketika saya tekan CLOSE atau tekan ESC, lalu melakukan tambah data, ko form nya masih ubah dan berisi data-data,

    Bagaimana ya cara mengatasinya,
    Script apa dan dimana yang harus Saya tambahkan,

    Terima kasih pak

  8. BTW itu kok di menit 2:51 ml-1 nya ilang ya?? padahal di playlist sebelumnya ada…
    dan anehnya di output browsernya tombol detail & hapus nya tetep masih ada jaraknya.
    padahal ml-1 nya hilang.
    di line 21 dan 22

  9. @web programming UNPAS. saya sudah coba sampai tutorial ini, cuma saya ada masalah setelah data dikembalikan dari json_encode data tidak dapat ditampilkan di form isiannya. saya cek di console data ada. mungkin yang sudah berhasil bisa kasih masukan untuk saya. saya pakai PHP 5.2

  10. assalamuaikum pak mau tanya, apa script nya sama ketika di gunakan ke codeigniter, saya sudah coba tp tidak bisa menampilkan data yang kedatabasenya, tp ad nya terpanggil.

    mohon pencerahannya, terima kasih

  11. pak mautanya kenapa ya di value jurusan saya gak tampil field yg ada di database ya pak..
    mohon pencerahannya pak

  12. setelah menambahkan baris ini

    $('.tombolTambahData').on('click', function() {

    $('#formModalLabel').html('Tambah Data Mahasiswa');

    $('.modal-footer button[type=submit]').html('Tambah Data');

    $('#nama').val('');

    $('#nrp').val('');

    $('#email').val('');

    $('#jurusan').val('');

    $('#id').val('');

    });

    kok tidak bisa lagi melakukan inputan kosong. semua field harus terisi baru bisa berhasil. kalau ada salah satu field kosong. proses input gagal. kalau tombol ubah aman, meski ada field yg kosong. itu tombol tambah kenapa ya kok harus terisi semua ?

  13. error om, Uncaught TypeError: $.ajax is not a function manualinnya gmna?

  14. Halo, Pak Dika dan netizen! Semoga sehat selalu.

    Mau minta solusi nih, saya terkendala pada bagian tombol Ubah yg mana tidak muncul data-datanya pada form dgn menggunakan nama id pada input, padahal sudah saya masukkan nama id tsb (dgn menggunakan tagar) ke dalam script.js dan console pun jalan. Mohon solusinya, Pak Dika atau netizen! Terima kasih.

  15. Cara download sama masukin ajax offlinenya bagaimana pak

  16. Permisi,mau nanya pak,punya saya kok waktu di klik tombol ubah datanya kok malah jadi nambah data ya?? padahal form action yang di modal-bodynya sudah saya sesuaikan seperti di video,tapi tetap sama saja. Mohon bantuannya…

  17. buat reset data yang lebih simpel tambahin gini :

    $('.tombolTambahData').on('click', function () {
    $('#judulModal').html('Tambah Data Mahasiswa');
    $('.modal-footer button[type=submit]').html('Tambah Data');
    $('.modal-footer button[type=submit]').html('Tambah Data');
    $('.modal-body form')[0].reset();
    });

  18. Pak dika, saya sudah sampai di bagian echo json_encode . tapi value di modal nya tidak tampil. ketika saya cek di bagian network->preview data json nya ada. Mohon bantuan nya pak dika. ga ada error apapun di console nya.

  19. Assalamualaikum Wr. Wb. Pak Dhika. Saya mau tanya, pada video ini saya sudah mengikuti hingga tahap di menit 27:47. Pada saat saya ingin mengubah data lalu saya tekan tombol Ubah Data, yang terjadi adalah langsung kembali ke halaman Home lalu saya lihat datanya ternyata data yang ingin saya rubah tadi sama sekali tidak ada perubahannya pak. Sudah saya ulang video dari awal berulang kali masih saja belum menemukan solusinya. Kemungkinan kesalahan berada di mana ya pak karena tidak ada peringatan kesalahan jadi saya kesulitan untuk mencari letak kesalahannya di mana. Mohon maaf sekiranya bapak dapat membantu. Terima kasih.

  20. Kak sandhika ini saya mau tanya, kok..ini saya mau klik tombol edit muncul formnya tapi tidak seperti yang ada di tutorial padahal udah sama persisi js sama code nya sama kakak ..gimana ya kak ? Tolong bantuannya kak😊

  21. Malahan kalau di klik tombol edit nya malahan action sistem nya ke form tambah ..itu gimana kak mohon bantuannya ya kak , tolong

  22. Ajarin cara buat aplikasi Bang..

  23. Pak saya mau bertanya, kenapa saat saya mengupdate data , keluar pesan error access forbidden You don't have permission to access the requested object. It is either read-protected or not readable by the server. error 403. Padahal yg lainnya bisa, create read delete.. mohon bantuan nya pak

  24. Sharing ya, Mas Sandhika…
    pada menit 18:01 jika terjadi pada console seperti ini

    "TypeError: $.ajax(…) is not a function"

    maka dapat dilakukan perubahan pada file : templates/footer.php yang semula :

    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

    diubah menjadi :

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script&gt;

    Demikian, semoga membantu

  25. Pa, mau tanya. Punya saya error waktu pengambilan datanya
    Diconsole katanya
    Uncaught TypeError : $.ajax is not a function
    at HTMLAnchorElement.<anonymous> (script.js:22)
    at HTMLAnchorElement.dispatch (jquery-3.3.1.slim.min.js:2)
    at HTMLAnchorElement.v.handle (jquery-3.3.1.slim.min.js:2)

  26. MOHON BANTUANNYA TEMEN TEMEN, saya udah selesai alhamdulillah tampil di modal box nya datanya, tapi pas di klik UBAH malah nambah data, dan utk tombol tambah datanya pas di isi dan saya klik tombol tambah data MALAH error, saya udah ulang video ini 3x lebih tapi ga nemu errornya dimana, saya mau lanjut ke CI tapi harus selesai ini dulu, mohon bantuannya PARA SUHU 🙁

  27. bang bukan formModal tapi judulModal.

  28. Mau tanya dong ini salah dimananya pak?
    public function getMahasiswaById($id){

    $this->db->query("SELECT * FROM mahasiswa WHERE id = :id");

    $this->db->bind("id", $id);

    return $this->db->single();

    }

    1. Ga ada error saat klik detail mahasiswa tapi data mahasiswa ga muncul.
    2. Saat klik ubah data data yang di database ga kebawa tapi di console log gada error

  29. asslamalikum pak dhika consolenya error seperti ini pada saat panggil data ajax nya
    2css:1 Failed to load resource: the server responded with a status of 404 (Not Found)
    jquery.js:9600 POST http://localhost/inventory/menu/update/ 500 (Internal Server Error)
    send @ jquery.js:9600
    ajax @ jquery.js:9206
    (anonymous) @ submenu.js:17
    dispatch @ jquery.js:5183
    elemData.handle @ jquery.js:4991

  30. divideo ini kok test console nya di jquery ajax / $.ajax muncul pesan error script.js:15 Uncaught TypeError: $.ajax is not a function

  31. Problem di TypeError: $.ajax is not a function, gimana fix in nya?

  32. Setiap ada js pasti ada yg eror js nya 🙁

  33. sempat terjadi banyak eror akhirnya bisa juga…..

  34. script.js:14 Uncaught TypeError: $.ajax is not a function

    pak ini saya sudah terhubung dengan internet, dan menggunakan jquery secara online tapi masih saja error seperti ini. mohon bantuannya

  35. Bang kok ga uncul ok ya setelah di console script.s nya?

Leave a Comment