Saat pengguna mengetik karakter di kolom input di atas, fungsi "showResult()" dijalankan. Fungsi dipicu oleh acara "onkeyup".
Penjelasan kode sumber
Jika kolom input kosong (string. length==0), fungsi menghapus konten placeholder pencarian langsung dan keluar dari fungsi
Jika kolom input tidak kosong, fungsi showResult() mengeksekusi yang berikut ini
Buat objek XMLHttpRequest
Buat fungsi yang akan dijalankan saat respons server siap
Kirim permintaan ke file di server
Perhatikan bahwa parameter (q) ditambahkan ke URL (dengan konten kolom input)
File PHP
Halaman di server yang dipanggil oleh JavaScript di atas adalah file PHP bernama "livesearch. php"
Kode sumber di "livesearch. php" mencari file XML untuk judul yang cocok dengan string pencarian dan mengembalikan hasilnya
Selamat datang di tutorial cara mencari dan menampilkan hasil dari database menggunakan PHP dan MySQL. Ingin menambahkan kotak telusur ke situs web Anda?
Dalam desain paling sederhana, "hasil pencarian dan tampilan" hanya melibatkan
Membuat formulir pencarian HTML sederhana
Saat formulir HTML dikirimkan, kami melakukan pencarian SELECT * FROM `TABLE` WHERE `FIELD` LIKE '%SEARCH%' SQL dan menampilkan hasilnya dalam HTML
Tapi bagaimana tepatnya ini dilakukan?
ⓘ Saya telah menyertakan file zip dengan semua kode sumber di awal tutorial ini, jadi Anda tidak perlu menyalin-tempel semuanya… Atau jika Anda hanya ingin langsung masuk
TLDR – SLIDE CEPAT
Unduh & Catatan
UNDUH & CATATAN
Pertama, berikut adalah tautan unduhan ke kode contoh seperti yang dijanjikan
CATATAN CEPAT
Buat basis data dummy dan impor 1-users.sql
Ubah pengaturan basis data di 3-search.php menjadi milik Anda sendiri
Jika Anda menemukan bug, jangan ragu untuk berkomentar di bawah ini. Saya mencoba menjawab pertanyaan singkat juga, tetapi itu adalah satu orang versus seluruh dunia… Jika Anda sangat membutuhkan jawaban, silakan periksa daftar situs web saya untuk mendapatkan bantuan dalam pemrograman
SCREENSHOT
Baiklah, sekarang mari kita masuk ke contoh menampilkan hasil pencarian di PHP MYSQL
BAGIAN 1) DATABASE
1A) TABEL PENGGUNA DUMMY
1-pengguna. sql
CREATE TABLE `users` (
`id` bigint(20) NOT NULL,
`name` varchar(255) NOT NULL,
`email` varchar(255) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
ALTER TABLE `users`
ADD PRIMARY KEY (`id`),
ADD UNIQUE KEY `email` (`email`),
ADD KEY `name` (`name`);
ALTER TABLE `users`
MODIFY `id` bigint(20) NOT NULL AUTO_INCREMENT;
FieldDescriptionidPrimary key, ID pengguna. nameIndexed, nama lengkap pengguna. emailUnique, email pengguna, dan agar mereka tidak bisa mendaftar dua kali
Itu saja untuk contoh pencarian, dan berikut adalah beberapa bit tambahan yang mungkin berguna bagi Anda
KEAMANAN PENCARIAN
Pengingat lembut – Panduan ini hanya membahas dasar-dasar sistem pencarian. Sistem yang baik harus memiliki lebih banyak pemeriksaan keamanan dan lainnya. Misalnya, periksa apakah administrator masuk sebelum memproses penelusuran untuk data sensitif. Juga dalam daftar, bagus untuk membaca tentang CSRF dan injeksi SQL. Tautan di bawah
INDEX BIDANG YANG DAPAT DICARI
Perhatikan bahwa bidang nama dan email pada contoh di atas diindeks –
8. Beberapa dari Anda pemula akan bertanya-tanya tentang apa fungsinya.
Untuk menjelaskannya, saya akan memberikan analogi tentang seseorang yang sedang mencari buku di perpustakaan. Sekarang, akan mudah ditemukan jika perpustakaan menyimpan katalog buku yang mereka miliki dengan baik. Tapi bayangkan saja perpustakaan itu hanya kumpulan buku yang acak-acakan… Anda benar-benar harus melihat setiap buku untuk menemukan yang Anda inginkan
Di sini sama dengan database, dan pengindeksan membuat "katalog" untuk bidang yang dipilih itu. Meskipun memakan lebih banyak ruang hard disk, ini juga akan mempercepat pencarian. Jadi saat mengerjakan proyek Anda di masa mendatang, harap ingat untuk mengindeks bidang yang akan digunakan untuk pencarian
LINK dan REFERENSI
Injeksi dan Pencegahan SQL – Kotak Kodex
Token Perlindungan CSRF Sederhana – Kotak Kodex
Objek Data PHP (Database) – PHP. bersih
Indeks MySQL – Poin Tutorial
Cara Melakukan Pencarian MySQL (Tepat, Seperti, Fuzzy) – Code Boxx
Tutorial AJAX Sederhana – Kode Boxx
Cara Membuat Tabel Dari Array di JS – Code Boxx
Cara Import File SQL Di MySQL – Code Boxx
VIDEO TUTORIAL
LEMBAR CHEAT INFOGRAFIS
Terima kasih telah membaca, dan kami telah sampai di akhir tutorial ini. Saya harap ini menjelaskan bagaimana melakukan pencarian basis data PHP untuk Anda, dan jika Anda memiliki sesuatu untuk dibagikan dengan panduan ini, jangan ragu untuk berkomentar di bawah ini. Semoga berhasil dan selamat membuat kode
Bagaimana cara membuat opsi pencarian di php?
php $cari = $_POST['cari']; . "
Bagaimana cara menambahkan kolom pencarian di php?
Penyiapan Basis Data
. Open XAMPP and Start Apache and MySQL. Klik “Baru”. Buat database yang disebut "pelengkapan otomatis" (atau apa pun yang Anda ingin menyebutnya). Salin dan tempel kueri berikut untuk membuat Tabel (pencarian), Nama kolom (Id, Nama), lalu masukkan data dummy.
Bagaimana cara membuat filter pencarian di php?
Langkah 1. Membuat Tabel Database MySQL. .
Langkah 2. Sertakan Bootstrap, jQuery dan Bootstrap Slider. .