Monday 23 September 2019

Tutorial CRUD PHP AJAX Sederhana Untuk Pemula Part 2


Kesempatan kali ini titikk0ma akan melanjutakan tutorial tentang Tutorial CRUD PHP AJAX Sederhana Untuk Pemula Part 1, di bagian ini yang kedua ini membahas bagaimana cara menyimpan data dan memilih salah satu data dari tabel kemudian akan di tampilkan ke dalam form.

Pertama kita buat sebuah fungsi untuk simpan, misal nama fungsinya store(), nama fungsi bebas sesuai selera asalkan nama fungsi di awali dengan huruf, kodenya sebagai berikut :



Baris 4 pada bagian "nama="+$('[name="nama"]').val(), mengambil nilai dari form yang textbox namenya nama, dan seterusnya.
Baris 5 alamat file yang di gunakan untuk memproses data, disini misal nama filenya store.php.
Baris 6, jika program kita berjalan lancar saat menyimpan data, maka baris ini yang di jalankan, namun terkadang kita melakukan kesalahan saat menyimpan data, untuk mengantisipasi agar kesalahanya tau di bagian mana, bisa di tambahkan error: . letakkan pada bagian setelah success : function(result){.........},error : function(a,b,c){alert(a)}. alert(a) bisa gi ganti b atau c.
function(result). result adalah nama parameter penampung data yng di kirim dari file store.php.
Baris 7 pemanggilan fungsi reset(), bertujuan agas setelah menekan tombol simpan, form yang di isikan data tadi akan menjadi kosong.
Baris 8, JSON.parse(result) berguna agar data bisa di tampilkan. untuk melihat perbedaan datanya bisa menggunakan console.log(), misal console.log(result) dan console.log(JSON.parse(result)), letakan di atas fungsi reset().
Baris 9 dan 10, index pesan dan data di buat di file store.php.

Selanjutnya buat file store.php :


Baris 17, data akan di rubah kedalam bentuk json agar bisa di olah lagi oleh javascript, makanya tadi ada kode JSON.parse(result) untuk merubah data json tadi kedalam bentuk objek agar bisa di olah atau digunakan.

Langkah selanjutnya buat fungsi reset() :




Buat fungsi select(), untuk menampilkan data tertentu yang di klik pada tabel kedalam form :


Baris 1, kode merupakan parameter penampung data yng di dapat dari tombol select;


Baris 4, 'id='+kode. kita membuat index id yang nilainya kode, id ini yang akan kita gunakan pada file showId.php.

Selanjutnya kita buat file showId.php :
Baris 5, $_POST['id']. id di dapat dari index yang kita buat pada langkah sebelumnya.

Sekian dulu Tutorial CRUD PHP AJAX Sederhana Umtuk Pemula Part 2,

Tutorial CRUD PHP AJAX Sederhana Untuk Pemula Part 1,
Tutorial CRUD PHP AJAX Sederhana Umtuk Pemula Part 3

Jika ada yang di tanyakan silahkan isi kolom komentar di bawah,
Terimakasih sudah mampir semoga bermanfaat...

Tutorial CRUD PHP AJAX Sederhana Untuk Pemula Part 3

Part ini merupakan bagian terahir dari Tutorial CRUD PHP AJAX Sederhana Untuk Pemula, bagian ini akan membahas mengenai edit dan hapus data.

Pertama buat fungsi baru, misal nama fungsinya update() :



Selanjutnya buat file untuk proses updatenya, misal nama file nya update.php : 


Kembali ke file index.php, buat fungsi baru untuk bagian hapus, misal nama fungsinya getDelete() : 


Lalu buat file untuk proses hapusnya, misal nama filenya delete.php : 


Terahir buat lagi fungsi baru pada index.php untuk tombol cancel, misal nama fungsinya cancel() : 


Kurang lebih fungsi edit dan hapusnya untuk Tutorial CRUD PHP AJAX Sederhana Untuk Pemula Part 3 seperti di atas, silahkan teman-teman ubah dan berkolaborasi sesuai kreatifitas teman-teman

Tutorial CRUD PHP AJAX Sederhana Untuk Pemula Part 1,
Tutorial CRUD PHP AJAX Sederhana Umtuk Pemula Part 2

Jika ada yang di pertanyakan silahkan isi kolom komentar di bawah,
Terimakasih sudah mampir, semoga bermanfaat...

Thursday 19 September 2019

Tutorial CRUD PHP AJAX Sederhana Untuk Pemula Part 1





Alhamdulillah setelah sekian lama ahirnya bisa posting Tutorial CRUD PHP AJAX Sederhana Untuk Pemula. Pada kesempatan kali masih mengenai program CRUD PHP sederhana, hanya saja pada kali ini menggunakan cara yang sedikit berbeda meskipun intinya sama. Tutorial pada kali ini memakai bantuan file JQUERY, Jquery sendiri memiliki banyak fungsi yang sangat membantu untuk tampilan website menjadi lebih menarik.
Untuk menggunakan Jquery, rekan rekan harus mempunyai file jquery nya, jika tidak ada bisa di cek di Situs Resminya dan letakkan di dalam folder projek rekan rekan.
Pertama silahkan rekan-rekan buat database, kemudian buat tabel misalnya nama tabelnya karyawan.

Langkah ke dua, silahkan buat file koneksi.php simpan di dalam folder project.
Selanjutnya silahkan buat project di dalam folder htdocs, lalu buat file dengan nama index.php,
isi file nya seperti berikut.


Baris 51-55, berfungsi untuk menampilkan tombol show(), dan hide() untuk menyembunyikan tombol.

Lalu kita buat untuk bagian tampil datanya, misal nama filenya view.php :


Sekian dulu untuk Tutorial CRUD PHP AJAX Sederhana Untuk Pemula Part 1

Tutorial CRUD PHP AJAX Sederhana Umtuk Pemula Part 2,
Tutorial CRUD PHP AJAX Sederhana Umtuk Pemula Part 3

Jika ada yang di pertanyakan silahkan isi kolom komentar di bawah...
Terima kasih sudah mampir, semoga bermanfaat..