Pemrograman web: menggunakan ajax untuk input data kedalam database

MEMBUAT FORM DAN INPUT DATA KEDALAM DATABASES DENGAN AJAX 

Membuat inputan data pada form ke database menggunakan PHP mungkin sudah hal biasa dan telah di ulas oleh  banyak sumber , tapi kali ini kita akan belajar membuat inputan data kedalam database dengan menggunakan ajax sederhana dan mudah di mengerti untuk pemula.

Sedikit penjelasan tentang ajax (Asynchronous JavaScript and XMLHTTP ) adalah suatu tekhnik yang digunakan untuk menciptakan  sebuah Aplikasi web interaktif dan responsive , dimana kita bisa meloading suatu halaman HTML tanpa perlu mereload / merefresh halaman web tersebut, memvalidasi sebuah form dan masih banyak lagi.

Pertama-tama kita akan membuat 3 Class yaitu save_data.php , contact.php dan ajax.js jangan lupa untuk database inputanya buatlah sebuah database bernama uts_web  (misal) dan sebuah table bernama saya didalamnya . . . . .  .kemudian buatlah 6 buah Field seperti gambar dibawah

Isi Field

Setelah table diatas di buat dilanjutkan dengan membuat 3 buah class silahkan lebih mudahnya di Copy paste saja 

Save_data.php 

Ajax.js

contact.php ( Silahkan diketik)

Sedikit Penjelasan : 

Pada halaman ini berisi sebuah Form inputan , jika kita lihat disana telah dideklarasikan sebelumnya nama setiap kolomnya 

Ajax.js

Class ini dibuat untuk javascript yang nantinya membentuk XMLHttpRequest dan berisi function yang digunakan untuk mengirim data ke server

Halaman ini berisi coding pemrosesan yang selain digunakan untuk menghubungkan kedalam database dan memasukkan data dari form ke table yang terdapat dalam database $query="INSERT INTO saya (first_name,last_name,email,phone,messages) VALUES ('$fname','$lname','$email','$phone','$message')";

Setelah selesai mengikuti langkah diatas silahkan anda coba di web browser anda lihat gambar

Form Data Siswa

Data sudah masuk kedalam Databases

Mungkin ada yang mengalami error , tidak usah sungkan silahkan Download Codingnya Disini

Semoga tutorial sederhana mengenai DAN INPUT DATA KEDALAM DATABASES DENGAN AJAX bisa bermanfaat dan dapat menjadi referensi bagi para pembaca yang sedang belajar pemrograman web terimakasih dan sekian .