Kode sumber php untuk opsi pencarian

Hasil pada contoh di atas ditemukan dalam file XML [links. xml]. Untuk membuat contoh ini kecil dan sederhana, hanya tersedia enam hasil

Contoh Dijelaskan - Halaman HTML

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
• Luncurkan 2-form.php atau

  INSERT INTO `users` [`id`, `name`, `email`] VALUES
  [1, 'John Doe', 'john@doe.com'],
  [2, 'Jane Doe', 'jane@doe.com'],
  [3, 'Apple Doe', 'apple@doe.com'],
  [4, 'Beck Doe', 'beck@doe.com'],
  [5, 'Charlie Doe', 'charlie@doe.com'],
  [6, 'Charles Doe', 'charles@doe.com'],
  [7, 'Dion Doe', 'dion@doe.com'],
  [8, 'Dee Doe', 'dee@doe.com'],
  [9, 'Emily Doe', 'emily@doe.com'],
  [10, 'Ethan Doe', 'ethan@doe.com'];

  0 di browser

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

 

 

1B] DATA DUMMY

1-pengguna. sql

INSERT INTO `users` [`id`, `name`, `email`] VALUES
[1, 'John Doe', 'john@doe.com'],
[2, 'Jane Doe', 'jane@doe.com'],
[3, 'Apple Doe', 'apple@doe.com'],
[4, 'Beck Doe', 'beck@doe.com'],
[5, 'Charlie Doe', 'charlie@doe.com'],
[6, 'Charles Doe', 'charles@doe.com'],
[7, 'Dion Doe', 'dion@doe.com'],
[8, 'Dee Doe', 'dee@doe.com'],
[9, 'Emily Doe', 'emily@doe.com'],
[10, 'Ethan Doe', 'ethan@doe.com'];

 

BAGIAN 2] BENTUK PENCARIAN HTML

2 bentuk. php

Tidak ada ilmu roket di sini – Ini seharusnya sangat mudah

1. Bagian atas hanyalah formulir pencarian HTML sederhana. Hanya memiliki satu bidang teks dan mengirimkan ke dirinya sendiri
2. Segmen PHP bawah melakukan pencarian yang sebenarnya
   • [B1]

     INSERT INTO `users` [`id`, `name`, `email`] VALUES
     [1, 'John Doe', 'john@doe.com'],
     [2, 'Jane Doe', 'jane@doe.com'],
     [3, 'Apple Doe', 'apple@doe.com'],
     [4, 'Beck Doe', 'beck@doe.com'],
     [5, 'Charlie Doe', 'charlie@doe.com'],
     [6, 'Charles Doe', 'charles@doe.com'],
     [7, 'Dion Doe', 'dion@doe.com'],
     [8, 'Dee Doe', 'dee@doe.com'],
     [9, 'Emily Doe', 'emily@doe.com'],
     [10, 'Ethan Doe', 'ethan@doe.com'];

     1. Ini pada dasarnya menyertakan skrip pencarian PHP hanya ketika formulir pencarian HTML dikirimkan
   • [B2] Terakhir, tampilkan hasil pencarian dalam HTML

 

 

BAGIAN 3] SCRIPT PENCARIAN PHP

3-pencarian. php