Créez votre plugin autosuggestion personnalisée alimenté par JQuery - Ajax, Helping Hands pour PHP
La dernière fois que nous avons partagé comment vous pouvez utiliser Typeahead.js pour créer la boîte d'entrée et interrogeable autosuggestion. Si vous ne voulez pas utiliser un plugin externe alors ce tutoriel servira comme un outil pratique pour vous de créer une zone de saisie automatique suggéré et interrogeables Propulsé par AJAX - jQuery.
Pour les grands ensembles de données, certains plugins échouent et certains prennent trop de temps pour charger les données, mais avec votre propre script, ces problèmes sont résolus que vous avez le plein contrôle sur le comportement de votre propre plug-in personnalisé ou nous pouvons dire script.
Commençons donc le tutoriel.
Tout d'abord, nous allons créer une page échantillon ayant le type d'entrée sur lequel vous voulez charger des données suggérez.
Créer votre propre Autosuggested Fonctionnalité Propulsé par AJAX - Haies PHP
Après avoir créé la boîte de recherche va maintenant établir la connexion de base de données. Créer un database.php de fichier et l'inclure dans index.php
si (lien $ === false) mourir; (mysqli_connect_error () "ERREUR Impossible de se connecter.".)
>
$ = Terme mysqli_real_escape_string (lien $ _REQUEST [ 'terme']);
$ Sql = "SELECT * FROM pays où le pays LIKE « %". terme de $. «%»;
// echo $ sql; Sortie;
si ($ result = mysqli_query (lien $, $ sql)) si (mysqli_num_rows ($ result)> 0) while ($ row = mysqli_fetch_array ($ result)) echo "
"$ Row [ 'pays']."
« ;>
// Fermer résultat
mysqli_free_result ($ result);
> Else echo "
Aucun résultat
« ;>
> Else echo "ERREUR: Impossible capable d'exécuter $ sql.". mysqli_error ($ link);
>
>
// fermer la connexion
mysqli_close ($ link);
?>
Ainsi, ajax.php vous permettra d'obtenir la liste de tous les pays de la suggestion en fonction de votre entrée il suffit de cliquer et sélectionnez le pays que vous voulez entrer dans votre champ de recherche.
Espérons que ce tutoriel sera bénéfique pour la plupart de nos développeurs débutants et fera le concept d'Ajax clair pour eux.
Vous pouvez télécharger le tutoriel de travail personnalisé spécialement conçu pour les personnes vous en cliquant sur le lien de téléchargement.
Vous pouvez également visiter nos autres sujets tendances:
Espérons que nos tutoriels ci-dessus vous aidera à faire face aux obstacles de développement.
Parce que nous croyons Haies ne sont pas vraiment Haies.