Insert Data ke Database Tanpa Loading dengan PHP dan jQuery

Insert Data ke Database Tanpa Loading dengan PHP dan jQuery

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:
DL

Password:

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout /  Ubah )

Foto Google+

You are commenting using your Google+ account. Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )

w

Connecting to %s