options de recherche auto-complétées

J'essaie de créer une fonction de recherche sur mon site Web php qui offre une fonction d'auto-complétion. J'ai remarqué que beaucoup de gens recommandent jquery UI autocomplete. Mais j'ai jeté un coup d'œil à leur exemple en ligne et il me semble qu'il faut vraiment beaucoup de temps pour rechercher leur exemple de base de données "oiseaux". Je n'ai pas pris le temps d'analyser le code de sampel pour voir s'il y a un moyen de l'accélérer. Mais je pensais juste que je demanderais à voir quelles autres façons je devrais explorer pour accomplir la même chose.
Merci d'avance pour votre temps!options de recherche auto-complétées

Source

2012-11-21 dot

La saisie semi-automatique de jQuery UI est riche et impressionnante. Si vous êtes préoccupé par la vitesse d'obtention d'éléments à partir d'une base de données en utilisant AJAX, considérez l'approche du pré-remplissage d'un tableau JSON des informations Relavent, incorporé sur la page. Puis sa sacrément proche instant (vous aurez juste un tas de ballonnement sur la page)

http://jqueryui.com/autocomplete/#default

<head> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script> 
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css" /> 
    <script> 
    $(function() { 
     var availableTags = [ 
      "ActionScript", 
      "AppleScript", 
      "Asp", 
      "BASIC", 
      "C", 
      "C++", 
      "Clojure", 
      "COBOL", 
      "ColdFusion", 
      "Erlang", 
      "Fortran", 
      "Groovy", 
      "Haskell", 
      "Java", 
      "JavaScript", 
      "Lisp", 
      "Perl", 
      "PHP", 
      "Python", 
      "Ruby", 
      "Scala", 
      "Scheme" 
     ]; 
     $("#tags").autocomplete({ 
      source: availableTags 
     }); 
    }); 
    </script> 
</head>

Cela dit, la vitesse à laquelle AJAX peut appeler la page, pour interroger la base de données et renvoyer les données, dépend entièrement de votre connexion et du fonctionnement du serveur. La saisie semi-automatique de jQueryUI est vraiment rapide, je peux en témoigner

Jetez un coup d'oeil à travers leur documentation, vous serez surpris de voir à quel point cette bibliothèque est flexible. L'exemple de source de données à distance ressemble à ceci:

<script> 
$(function() { 
    function log(message) { 
     $("<div>").text(message).prependTo("#log"); 
     $("#log").scrollTop(0); 
    } 

    $("#birds").autocomplete({ 
     source: "search.php", 
     minLength: 2, 
     select: function(event, ui) { 
      log(ui.item ? 
       "Selected: " + ui.item.value + " aka " + ui.item.id : 
       "Nothing selected, input was " + this.value); 
     } 
    }); 
}); 
</script>

Source

2012-11-21 18:47:48 RedactedProfile

hey! Merci de prendre le temps de répondre. Je vais regarder de plus près. – dot

Alors que la construction des fonctions de recherche autocomplete/en temps réel sur votre site web, vous pourriez aussi bien envisager d'utiliser des services comme rockitsearch.com. Il s'agit d'un service Web gratuit pour la construction de saisie semi-automatique/recherche fronde se termine.

Source

2012-11-22 19:30:45

options de recherche auto-complétées

Répondre

Questions connexes