Live search menggunakan ajax

oke di artikel saya kali ini saya akan membagikan list kode pencarian menggunakan ajax (asincronus javascript xml ),

sebelum lanjut kami akan menjelaskan apa itu ajax,

Asynchronous JavaScript and XMLHTTP, atau disingkat AJaX, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability.

Ajax merupakan kombinasi dari:DOM yang diakses dengan client side scripting language, seperti VBScript dan implementasi ECMAScript seperti JavaScript dan JScript, untuk menampilkan secara dinamis dan berinteraksi dengan informasi yang ditampilkan
Objek XMLHTTP dari Microsoft atau XMLHttpRequest yang lebih umum di implementasikan pada beberapa browser. Objek ini berguna sebagai kendaraan pertukaran data asinkronus dengan web server. Pada beberapa framework AJAX, element HTML IFrame lebih dipilih daripada XMLHTTP atau XMLHttpRequest untuk melakukan pertukaran data dengan web server.
XML umumnya digunakan sebagai dokumen transfer, walaupun format lain juga memungkinkan, seperti HTML, plain text. XML dianjurkan dalam pemakaian teknik AJaX karena kemudahan akses penanganannya dengan memakai DOM
JSON dapat menjadi pilihan alternatif sebagai dokumen transfer, mengingat JSON adalah JavaScript itu sendiri sehingga penanganannya lebih mudah
Seperti halnya DHTML, LAMP, atau SPA, Ajax bukanlah teknologi spesifik, melainkan merupakan gabungan dari teknologi yang dipakai bersamaan. Bahkan, teknologi turunan/komposit yang berdasarkan Ajax, seperti AFLAX sudah mulai bermunculan.

Oke kembali ke listing program , membuat liive search data dengan php

1. Pertama buat database dahulu lalu buat tabel produk dengan struktur seperti dibawah
database
live search
2. Copy Script dibawah simpan dengan nama index.php.
live search
3. Kode dibawah merupakan kode javascriptnya simpan file di area body bawah bisa satu file dengan index.php atau beda file.
live search
4. Kode query
live search
live search
5. Hasil Program
live search

Sekian tutorial dari saya semoga bermanfaat

Leave a Reply

Your email address will not be published. Required fields are marked *