Latar Belakang :
Saya coba memahami dan mempelajari tentang AJAX, dan hasilnya saya tuliskan kembali dalam Blog ini.
Tutorial ini saya akan membahas tentang pencarian kata (search) dengan menggunakan AJAX, PHP, dan MySQL dalam sebuah kasus bukutamu.
Adapun cara kerja dari aplikasi ini adalah :
- User menginput kata yang dicari.
- Dengan “event handling” à onkeyup, setiap user memasukan kata, maka program akan menjalankan fungsi pencarian.
- Hasil pencarian akan ditampilkan dalam table.
File-file yang dibutuhkan :
Dalam membuat aplikasi ini ada beberapa file yang dibutuhkan yaitu :
- index.php berisi form untuk memasukan kata yang dicari.
- ajax.js berisi fungsi untuk membuat koneksi asynchronous dengan server.
- proses.php berfungsi untuk memproses kata yang dicari dan menampilkannya kembali ke halaman (file) index.php.
Pertanyaan :
Bagaimana cara ajax menampilkan data yang sudah di proses ke dalam halaman utama aplikasi??
Cari disini :
Ajax menampilkan data hasil proses ke dalam tag yang sudah di definisikan didalam halaman utama aplikasi yaitu :
var obj=document.getElementById(“pencarian”);
Konsep :
Dari penjelasan diatas dapat diketahui alurnya adalah :
Index.php ———–>ajax.js ———->proses.php
- Dimana, file index.php mengirim data melalui file ajax.js (tanpa melakukan refresh halaman).
- File ajax.js meneruskan pengiriman data dengan tujuan file proses.php
- File proses.php mengolah data dan menampilkan data kedalam file index.php dengan bantuan tag.
Download
https://blogri32.blogspot.co.id/2017/12/free-downloads.html
Sekian tutorial dari saya yang ngalor-ngidul. Semoga Anda tidak tambah pusing dengan penjelasan tentang AJAX dari saya :D. Dan kurang lebihnya saya ucapkan terimakasih.
Sekian artikel dari saya, semoga bermanfaat untuk teman-teman dan anda semua…aamiin
Depok, 25 Januari 2010
KangAgus
Filed under: Website | Tagged: ajax, Aplikasi, labhouse.co.cc, pencarian, ri32, search |
nice posting gan , tapi pada tag input pencarian menurut saya lebih baik ditambahkan atribut autocomplete=”off” gan.
LikeLike
Itu gunanya untuk apa gan??
udah saya kasih, tapi gak ada bedanya sama aplikasi yang awal!
mohon pencerahannya 😀
LikeLike
hmm…
klo pencarian di peta menggunakan ajax blh ga???
trus klo dibikin versi mobilenya boleh ga???
mohon bimbingannya….
thanks..
God Bless…
LikeLike
“klo pencarian di peta menggunakan ajax blh ga???”
boleh kok, emang ini di buatnya pake ajax. kalo versi mobilenya pake J2ME (java midlet)
LikeLike
sip kk, keren tampilannya..
tp klo kyak d tampilan FB itu sama aj g,,?
LikeLike
emm…sama, yang beda itu mungkin CSS nya biar data hasil pencarian nya ditampilkan di bawah textbox nya. seperti “google suggest”….belum saya coba sech…hehehe 😀
ingsyalloh nanti saya coba…
LikeLike
mas ikut nanya ni,, kalo menampilkan hasil pencariannya dari 2 tabel yang berbeda tapi masih dlam satu dtabase gmn?? aq dah coba tapi lom brhasil,,trims
LikeLike
emm..coba kreza baca2 artikel ini :
http://blog.rosihanari.net/cara-membuat-query-sql-untuk-relasi-tabel
bagus, untuk masalah table nya. bisa pakai 2,3 atau lebih tabel. asal sudah paham konsepnya 🙂
semangat yach!!!!
LikeLike
Mas mau nanya juga……..
kalo pencarian peta untuk J2ME gmna ya???
tolong bantuanya……….
LikeLike
Mas gimana cara’y. waktu pencarian data yg kita cari ada limit’y. pasti perlu paging…..
n gimana cara’y waktu cari data tang munculnya nya saja tidak , jangan sm .
artikel’y bermnfaat.
mohon bantuannya mas.
LikeLike
mas minta tlng dibuatkan tutorial tabel yg ada checkbox ,q mau buat sms broadcast dng gammu sg studi kasusx :
1. Tabel A terdiri : id_nohp,nama,message.
tbl B terdiri :destination,messege.
gimana script php bila tbl A bl di centang akan mengirim data di tbl B dan script php bila tbl A di centang akan terhapus,trim”s ats followupx dan tutorial yang ada di blog ini sangat bagus dan bermanfaat sbg sarana belajar,majuuuuuu truuuus ku tunggu artikel-artikel berikutnya
LikeLike
LikeLike
mohon solusi buar ada filternya seperti lokasi atau pa gtu dengan radio buton atau drop down ke
LikeLike
thank’s gan atas artikel dan contohnya. saia baru belajar. maju terus gan pantang mundur.he.h.ehe.h 🙂 kayak mau perang yach
LikeLike
Mantap maz artikel nya,
sudah saya coba berhasil, tapi aQ pingin kembangin lagi belum bisa.
jadi BEG-gini :
aQ pingin DATA nya sudah tampil di GRID / TABEL nya dulu (dibawah TEXT FielD) => nah ketika di input NAMA di TEXT Filed nya data secara Otomatis berkurang (Sesuai dengan kriteria Pencariannya) gimana ya…. aQ coba2 malah Ga bisa.
LikeLike
mas…. bisa di upload ulang gak file pencarian AJAXnya? kok invalid link download? trims…
LikeLike
mz kalo mau ditambahi untuk pilihan kategotine pye yah??
LikeLike
mantap gan numpang sedot ilmunya yach
LikeLike
Terima kasih infonya,
walaupun saya masih kurang mengerti, 😀 :p
LikeLike
wah mantab oke lah gan..
LikeLike