CandraLab

IT Pro & Developer Resource

Menu Close

Tag: ajax (page 1 of 5)

Tutorial Pencarian berbasis jQuery Ajax

Sebelum kita mulai tutorial kali ini, saya ingin menekankan bahwa tutorial seperti ini sebenarnya sangat banyak di internet. Namun karena perkembangan web serta terus berevolusinya teknik ajax ini, maka saya buatkan tutorial pencarian berbasis ajax ini. Catatan penting disini, pencarian ini bukanlah menekankan pada autocomplete, namun teknik menampilkan data ajax dari server ke Form HTML. Teknik ini banyak di pakai dalam database yang mempunyai ribuan bahkan jutaan data. Teknik ini juga dipakai di website PUPNS untuk mengecek NIM seorang PNS.

Cara kerja awal dari form di PUPNS  user memasukan kode NIP  dan saat kode dimasukan kita klik tombol cari maka jika user Read more

Tutorial Datagrid berbasis Ajax

Salah satu fitur utama dalam aplikasi pengolahan berbasis web adalah melakukan operasi tampil,tambah,edit dan hapus data. Banyak tutorial yang mengajarkan cara melakukan operasi tersebut dengan metode biasa. Kali ini, saya akan menjelaskan teknik melakukan operasi pengolahan data menggunakan PHP, MySQL, jQuery dan library JeasyUI yang akan membuat halaman pengolahan data anda lebih menarik sekaligus responsive karena teknik ini sudah mengunakan ajax.

Tampilan Pengolahan data web dengan datagrid php dan ajax

Tampilan Pengolahan data web dengan datagrid php dan ajax

Langkah pembuatannya
1. Buat tabel
2. Buat file koneksi
3. Buat halaman Front end (Tabel dan Form )
4. Buat fungsi new_user(), save_user(), edit_user(), save_user().
5. Buat file php untuk melakukan operasi Read more