développement back-end
tutoriel php
PHP et Ajax : créer un moteur de suggestions de saisie semi-automatique
PHP et Ajax : créer un moteur de suggestions de saisie semi-automatique
Créez un moteur de suggestions de saisie semi-automatique en utilisant PHP et Ajax : Script côté serveur : gère les requêtes Ajax et renvoie des suggestions (autocomplete.php). Script client : envoyer des requêtes Ajax et afficher des suggestions (autocomplete.js). Exemple pratique : incluez un script dans une page HTML et spécifiez l'identifiant de l'élément d'entrée de recherche.
PHP avec Ajax : Créer un moteur de suggestions de saisie semi-automatique
Introduction
Un moteur de suggestions de saisie semi-automatique est un outil utile qui aide les utilisateurs à trouver des suggestions dans les champs de saisie. Il est couramment utilisé dans les champs de recherche, les champs d'adresse et d'autres zones de saisie de texte. Cet article vous guidera dans la création d'un moteur de suggestion de saisie semi-automatique à l'aide de PHP et Ajax.
Server Side Script
Tout d'abord, nous avons besoin d'un script PHP pour gérer la requête Ajax et renvoyer des suggestions. Créez un fichier appelé autocomplete.php et ajoutez le code suivant : autocomplete.php 的文件并添加以下代码：
<?php
// 获取查询字符串
$query = $_GET['query'];
// 连接到数据库
$conn = new mysqli("localhost", "my_user", "my_password", "my_db");
// 准备 SQL 查询
$stmt = $conn->prepare("SELECT suggestion FROM suggestions WHERE suggestion LIKE ?");
// 绑定查询参数
$stmt->bind_param("s", "%$query%");
// 执行查询
$stmt->execute();
// 获取结果
$result = $stmt->get_result();
// 逐行读取结果并将其转换为 JSON
$suggestions = array();
while ($row = $result->fetch_assoc()) {
$suggestions[] = $row['suggestion'];
}
$json = json_encode($suggestions);
// 返回 JSON 响应
header("Content-Type: application/json");
echo $json;
?>客户端脚本
接下来，我们需要一个客户端脚本来发送 Ajax 请求并显示建议。创建一个名为 autocomplete.js 的文件并添加以下代码：
// 获取搜索输入元素
const searchInput = document.getElementById("search-input");
// 添加事件监听器以在按键盘键时触发
searchInput.addEventListener("keyup", function(event) {
// 获取查询字符串
const query = searchInput.value;
// 如果查询字符串为空，则显示建议
if (query.length > 0) {
// 创建 Ajax 请求
const xhr = new XMLHttpRequest();
xhr.open("GET", "autocomplete.php?query=" + query, true);
xhr.onload = function() {
// 解析 JSON 响应
const suggestions = JSON.parse(xhr.responseText);
// 显示建议
// ... (由你实现)
};
xhr.send();
}
});实战案例
为了使用自动完成建议引擎，你可以在 HTML 页面中包含上述脚本文件并为 search-input 元素添加标识符。在 autocomplete.php 脚本中，你需要将数据库连接参数更改为与你的数据库设置匹配。
运行引擎
将 autocomplete.php 和 autocomplete.js 文件上传到你的服务器。访问包含 search-inputrrreee
autocomplete.js et ajoutez le code suivant : 🎜rrreee🎜🎜Exemple pratique🎜🎜🎜Afin d'utiliser le moteur de suggestion de saisie semi-automatique, vous pouvez inclure le fichier de script ci-dessus dans votre page HTML et provide search-input ajoute un identifiant. Dans le script autocomplete.php, vous devez modifier les paramètres de connexion à la base de données pour qu'ils correspondent aux paramètres de votre base de données. 🎜🎜🎜Run Engine🎜🎜🎜Téléchargez les fichiers autocomplete.php et autocomplete.js sur votre serveur. Visitez une page HTML contenant un élément search-input et commencez à saisir une chaîne de requête. Vous devriez voir des suggestions qui correspondent à votre requête. 🎜Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Stock Market GPT
Recherche d'investissement basée sur l'IA pour des décisions plus intelligentes
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment vérifier les autorisations de fichiers dans PHP?
Sep 22, 2025 am 06:27 AM
UseFilePerms () togetFilePermissionsAsanIntegerAndFormatisingSprintf ('% o') todisplayunix-stylepermisessions lisilit0644
Comment obtenir des arguments en ligne de commande dans un script PHP?
Sep 22, 2025 am 06:19 AM
Utilisez $ argv et $ argc pour obtenir des paramètres de ligne de commande PHP. $ argc est le nombre de paramètres et $ argv est le tableau des paramètres. Par exemple, dans phpsscript.phphelloworld, $ argv = [script.php ', «bonjour», «monde»]; Utilisez $ argv [1] et autres pour accéder aux paramètres spécifiques; Utilisez getOPT () pour gérer les options courtes (-f) et les longues options (--fichier) dans des scénarios complexes.
Comment implémenter un modèle singleton en PHP?
Sep 25, 2025 am 12:27 AM
Le modèle Singleton garantit qu'une classe n'a qu'une seule instance et fournit un point d'accès global pour les scénarios où un seul objet coordonne le fonctionnement du système, tels que les connexions de base de données ou la gestion de la configuration. 2. Sa structure de base comprend: les instances de stockage d'attribut statiques privées, les constructeurs privés empêchent la création externe, les méthodes de clonage privé empêchent la copie et les méthodes statiques publiques (telles que getInstance ()) pour obtenir des instances. 3. Obtenez une instance unique dans PHP en appelant la méthode GetInstance () et renvoie la même référence d'objet, peu importe le nombre de fois où il est appelé. 4. Selon le modèle de demande PHP standard, la sécurité des threads n'est pas nécessaire pour être prise en compte, mais les problèmes de synchronisation doivent être prêts à prêter attention dans des environnements à long terme ou multi-thread, et PHP lui-même ne prend pas en charge le mécanisme de verrouillage natif. 5. Bien que les singletons soient utiles,
Comment utiliser l'opérateur de fusion nul (??) en PHP?
Sep 25, 2025 am 01:28 AM
Réponse: L'opérateur de fusion vide de PHP (??) est utilisé pour vérifier si une variable ou une clé de tableau existe et n'est pas nul. S'il est vrai, il renvoie sa valeur, sinon il renvoie la valeur par défaut. Il évite l'utilisation de longs chèques ISSet (), convient pour gérer les variables et les clés de tableau non définies, telles que $ username = $ userInput ?? 'invité, et prend en charge les appels de chaîne, tels que $ thème = $ usertheme?
Comment obtenir des paramètres URL en PHP?
Sep 24, 2025 am 05:11 AM
Utilisez $ _get pour obtenir des paramètres URL, tels que? Name = John & Age = 25; Vérifiez l'existence via les opérateurs de fusion ISSET ou vide, et filtrez et vérifiez les données avec filter_input pour assurer la sécurité.
Comment créer un fichier zip dans PHP?
Sep 22, 2025 am 06:06 AM
USETHEZIPACHIVIVECLASSTOCREATEAZIPFILEINPHPBYInSTANTIATIAGETHEOBJECT, OpenTheRearchveWithOpen (), AddingFilesViaAddFile () OraddFromString (), et ClosingItWithClose () TOSAVE; toujoursCheckOpen () returnValueNenSurewritePerMissions.
Quelle est la différence entre HTMLSpecialChars et Htmlentities dans PHP?
Sep 23, 2025 am 01:11 AM
HTMLSpecialChars échappe uniquement à des métacharacteurs HTML tels que & "', qui convient à la sortie sûre conventionnelle; les HTMLentités convertissent tous les caractères mappables (tels que Éñ ©) en entités HTML, ce qui convient pour gérer le texte non ASCII et les scénarios hautement compatibilité.
MANWA2 Version Web Direct Link_manwa2 (version australienne) Dernière mise à jour du portail Web
Sep 23, 2025 am 11:42 AM
Le lien direct de la version Web de Manwa2 est http://www.manwaw.cn/. La plate-forme fournit un grand nombre de ressources comiques à haute définition, prend en charge la recherche en ligne, le cache hors ligne et la synchronisation multi-terminaux, et possède des listes de livres personnalisées et des fonctions de paramètres de lecture pour garantir une expérience de loupe en douceur et confortable des utilisateurs.
