jQuery MySQL PHP

Insert Data ke Database Tanpa Loading dengan PHP dan jQuery

Written by Fatoni

Insert Data ke Database Tanpa Loading dengan PHP dan jQuery. Tutorial pertama tentang jQuery ini akan saya mulai dari yang sederhana aja dulu yaitu cara Insert Data ke Database Tanpa Loading dengan PHP dan jQuery.

Sebelumnya silahkan download dahulu jQuery di website resminya disini.

Selanjutnya buat sebuah database, dalam hal ini saya membuat database dengan nama tutorialweb. Kemudian dumping Script SQL di bawah ini:

Dari Script SQL di atas anda akan mendapatkan sebuah table dengan nama siswa dengan tiga buah field yaitu nama, kelas, jurusan.

Jika sudah kita akan membuat Form HTML, dan berikut ini kodenya:

Jangan lupan simpan dengan nama index.html.

Selanjutnya buat Script untuk melakukan koneksi ke database, berikut ini Script-nya:

Jika koneksi ke database sudah dibuat, sekarang kita buat Script PHP untuk melakukan proses insert data ke database, berikut ini Scriptnya:

Simpan dengan nama insert.php.

Dari script yang sudah ada di atas kita sudah bisa melakukan Insert Data ke Database. Selanjutnya akan di buat Script untuk melakukan insert tanpa loading dengan jQuery.

Buat file baru, dan ketikkan Script di bawah ini.

Simpan dengan nama insert.js di dalam folder scripts.

lebih jelasnya di bawah ini adalah struktur foldernya:

insert-query

Oke, silahkan coba, dan jika ada kesulitan silahkan tinggalkan komentar anda dibawah. Thanks.. 🙂

Yang mau download silahkan klik tombol ini:

Password:

About the author

Fatoni

Programming is my hobby, not my job.

43 Comments

Leave a Comment