10
votes

jQuery autocomplete (télécommande) - Exemple

J'espérais vraiment éviter de poster une nouvelle question, mais je ne trouve pas d'exemple fonctionnel de la fonctionnalité à distance JQuery Autocomplete qui inclut à la page appelante page et la page "Recherche". La section JQRYUI "Demos & Documentation" n'inclut pas la source de "Search.php"

J'ai essayé des dizaines de combinaisons, mais voici ce que j'ai commencé avec: p> xxx pré>

et Search.php: p>

    $conn = mysql_connect("localhost", "USERNAME", "PASSWORD");
    mysql_select_db("DATABASE", $conn);
    $q = strtolower($_GET["birds"]);

    $query = mysql_query("select FIELD from TABLE where FIELD like '%$q%'");
    while ($row = mysql_fetch_array($query)) {
    echo json_encode($row);
}

php jquery mysql autocomplete

2 commentaires

Vous aimez nettoyer après des injections SQL?

Alex, toute suggestion sur les moyens d'utiliser une autocomplete et d'empêcher les injections SQL?

4 Réponses :

3
votes

Il existe un couple de didacticiels plus importants lorsque vous Google pour "JQuery UI Didacticiel", je suppose que cela pourrait être de toute aide: http://www.google.com/search?q=jQueryui+Autocompléte+Tutorial

1 commentaires

Merci pendo - beaucoup d'entre eux sont vraiment vieux ou de développeurs frustrés comme moi à la recherche d'un tutoriel :)

1
votes

Voici une version trimérique d'un autocomplete que j'ai précédemment utilisé. Peut-être une erreur ou deux depuis que je coupe du code.

sur le serveur: p> xxx pré>

le script: p>

<div id="bg_searchMain">
                        <form id="form" action="#">
                        <input type="text" style="float:left; display:inline; width:430px; margin:5px 0 0 5px; background:none; border:none;" value="" id="country" onkeyup="suggest(this.value);" onblur="fill();" autocomplete="off" />
                        <!--<img src="images/button_search.gif" alt="Find" id="button_search" />-->
                        <div class="suggestionsBox" id="suggestions" style="display: none;">
                            <div class="suggestionList" id="suggestionsList"> &nbsp; </div>
                        </div>

                        </form>
                    </div>

3 commentaires

Merci Delonge - je vais chercher à tester cela. Vous utilisez la poste? Intéressant.

Oui, mettez ceci ensemble avant de me familiariser avec Json. Tous mes nouveaux appels Ajax sont JSON. Je recommande d'utiliser Json si vous avez un vaste projet. Cependant, le poteau sera tout simplement bien. Ma recommandation consiste également à analyser vos variables publiques pour la sécurité et l'injection SQL. Cette fonction Queryf () est une fonction personnalisée qui fait exactement cela.

Je pense que votre extrait peut manquer les cours - aucune chance que vous puissiez inclure ceux-ci?

20
votes

Voici le code correct pour search.php: xxx

quelques points de clé

Le mot terme est nulle part dans la page d'appel d'échantillons donnée par jqueryui, mais c'est le nom de QueryString utilisé
Vous devez créer un tableau de la valeur, puis JSON Encode avant de retourner
J'espère que cela aide certaines personnes à l'avenir!

1 commentaires

Connaissances supplémentaires; Vous pouvez modifier la «valeur» en «votre_key», mais la modification de la fonctionnalité «L'étiquette» et les retours indéfinis pour l'étiquette.

0
votes

J'ai fait le php comme & c'était un succès, j'utilisais la méthode MySQLI. xxx

0 commentaires