$type=carousel$cols=3

Ajax menginputkan data kedatabases

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.
Ajax menginputkan data kedatabases

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

Ajax menginputkan data kedatabases
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

Ajax menginputkan data kedatabases

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 .

Ajax menginputkan data kedatabases

COMMENTS

BLOGGER: 10
Loading...
Nama

Android,3,Blog,350,Info,212,Islami,43,Software,74,Tutorial,120,Web,18,
ltr
item
BLOG ORANG IT 2017: Ajax menginputkan data kedatabases
Ajax menginputkan data kedatabases
https://4.bp.blogspot.com/-iKm3WO9bW6M/VGU9phWji-I/AAAAAAAAA3w/cHX0-_T6qsE/s400/ajax-diagram.png
https://4.bp.blogspot.com/-iKm3WO9bW6M/VGU9phWji-I/AAAAAAAAA3w/cHX0-_T6qsE/s72-c/ajax-diagram.png
BLOG ORANG IT 2017
http://www.helmykkediri.com/2014/11/ajax-menginputkan-data-kedatabases_70.html
http://www.helmykkediri.com/
http://www.helmykkediri.com/
http://www.helmykkediri.com/2014/11/ajax-menginputkan-data-kedatabases_70.html
true
7204675838149040268
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy