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

10 Responses to "Ajax menginputkan data kedatabases"

  1. Bingung gan ane bru smester 1 Jurusan TI blm bljr beginian

    BalasHapus
  2. Puyeng ane nyimaknya gan...... kagak ngerti kode masi....

    BalasHapus
  3. ane masih belum paham hehe :D ini koding ya? kunbal bro :D

    BalasHapus
  4. Ilmu ane belum nyampe sini gann

    BalasHapus
  5. salam kenal gan :)
    Ane nggak terlalu paham dengan yg ini :D cuman tau HTML dan CSS :D

    BalasHapus
  6. lumayan rumit tapi bisa di praktekkan .. mksh caranya ... folback gan ..blog baru :)

    BalasHapus

Terimakasih sudah berkunjung ke Blog Orang IT , aturan berkomentar yang baik :

1. Dilarang mencantumkan berbagai macam link aktif dikomentar blog

2. Jika ingin mendapatkan backlink komen dengan name/url yang telah disediakan

3. Link download mati silahkan berkomentar

4. Postingan dirasa outdate atau sudah tidak berguna lagi komen saja jangan sungkan

5. Komentar yang memerlukan jawaban dari admin jangan menggunakan anonymous

6. Berkomentarlah dengan relevans dan tinggalkan jejak diblog saya

7. Klik iklan untuk biaya perawatan admin

Terimakasih sudah mentaati rules aturan berkomentar yang baik