Autocomplete Pada Form

Hampir sama dengan artikel Merubah Isi Combobox, artikel ini menerapkan AJAX sebagai teknik untuk memanipulasi tampilan. Yang membedakan adalah, teknik ini menggunakan XML sebagai format data kembalian dari script PHP, dikarenakan jumlah data yang lebih banyak.

Simpan file ini dengan nama tesautocomplete.html:

File PHP, simpan dengan nama getdata.php:

Pada script utama (tesautocomplete.html), yang dilakukan adalah:
  • melihat perubahan pada textbox kode
  • jika kode dirubah (event onchange), maka fungsi cari( ) akan dijalankan
  • pada fungsi cari, diambil value dari kode yang diketikkan
  • mem-fetch script getdata.php dengan parameter kode sesuai value yang dipilih
  • user menunggu output dari getdata.php
  • script ambildata.php dijalankan, dan memproses kode yang diberikan
  • memberikan output sesuai dengan hasil proses
  • output diterima oleh javascript
  • data yang diterima, diparsing sesuai dengan tag "data"
  • masing-masing data ditampilkan pada field yang bersangkutan
Untuk mencoba script di atas, silakan masuk Tes Autocomplete.
Selamat coding :)

Source : http://www.bengkelprogram.com/data-artikel-331.0.bps

Posting Komentar

Lebih baru Lebih lama