Erstellen Sie Ihre benutzerdefinierte Autosuggestion Plugin bereitgestellt von JQuery - Ajax, Helfende Hände für PHP
Zuletzt teilten wir, wie Sie Typeahead.js für die Erstellung von durchsuchbaren und Autosuggest Eingabefeld verwenden können. Wenn Sie dieses Tutorial keine externe Plugin verwenden wollen, dann wird als ein handliches Werkzeug dient für Sie ein Auto erstellen vorgeschlagen und durchsuchbare Eingabefeld Bereitgestellt von AJAX - jQuery.
Bei großen Datenmengen, scheitern einige Plugins und einige nehmen zu viel Zeit, um die Daten zu laden, aber mit Ihrem eigenen Skript werden diese Probleme gelöst, wie Sie die volle Kontrolle über das Verhalten Ihrer eigenen benutzerdefinierte Plugin haben oder wir können Skript sagen.
Also lassen Sie uns das Tutorial beginnen.
Erstens werden wir eine Beispielseite mit Eingabetyp darin auf erstellen denen Sie Daten vorgeschlagen werden sollen geladen werden.
Erstellen Sie Ihre eigene Autosuggested Funktionalität von AJAX Powered - PHP Hürden
Nach dem Erstellen nun das Suchfeld wird die Datenbankverbindung herzustellen. Erstellen Sie eine Datei database.php und es in index.php
if ($ link === false) sterben:; (mysqli_connect_error () "Fehler kann keine Verbindung herstellen.".)
>
$ Term = mysqli_real_escape_string ($ link, $ _REQUEST [ 'Begriff']);
$ Sql = "SELECT * FROM Land, in dem Land LIKE‚%". $ Term. "%"";
// echo $ sql; Ausfahrt;
if ($ result = mysqli_query ($ link, $ sql)) if (mysqli_num_rows ($ result)> 0) while ($ row = mysqli_fetch_array ($ result)) echo "
"$ Row [ 'Land']."
„;>
// Schließen Ergebnis
mysqli_free_result ($ result);
> Else echo "
Keine Treffer gefunden
„;>
> Else echo "Fehler: Kann nicht in der Lage $ sql auszuführen.". mysqli_error ($ link);
>
>
// Verbindung schließen
mysqli_close ($ link);
?>
Also, ajax.php ermöglicht es Ihnen, die Liste aller Land zu bekommen, wie der Vorschlag auf der Grundlage Ihrer Eingabe klicken Sie einfach auf und wählen Sie das Land, das Sie in Ihrem Suchfeld eingeben möchten.
Hoffen, dass dieses Tutorial für die meisten unserer Neuling Entwickler von Vorteil sein wird und wird das Konzept von Ajax ihnen klar machen.
Sie können die benutzerdefinierte Arbeits Tutorial herunterladen speziell für Sie Menschen gemacht durch den Download-Link klicken.
Sie können auch unsere anderen Trend-Themen finden Sie unter:
Hoffen, dass unsere oben Tutorials, die Ihnen bei der Bewältigung der Entwicklung Hürden helfen.
Weil wir glauben, Hürden sind nicht wirklich Hürden.