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 .
