Comment effectuer une recherche en utilisant AJAX?

Question

Je suit le code HTML:

<table style="border: 1px solid #9f9f9f; float:right;"> 

       <tr> 
       <td><label for="status">Search Status</td> 
       <td><input type="text" id="status" name="status" dojoType="dijit.form.TextBox" size="40" value="Please enter search criteria"/></td> 
       </tr> 
       <tr> 
       <td><label for="push">Push to start</td> 
       <td><button dojoType="dijit.form.Button" style="width: 4em" type="button" name="submitButton" value="Submit" onclick="loadContents()"></button></td> 
       </tr></table> 

Je veux que lorsqu'un utilisateur entre un certain mot clé dans la zone de texte et le bouton a frappé, il y a un appel Ajax pour obtenir des résultats de recherche à partir d'un simple fichier txt gardé sur mon local. S'il vous plaît guider comment puis-je y parvenir? J'ai écrit la méthode loadContents qui récupère simplement le contenu du fichier txt mais je veux qu'il soit basé sur la recherche. Exemple de code pour loadContents:

<script type="text/javascript"> function loadContents() {var xmlhttp; 
if (window.XMLHttpRequest) 
    {xmlhttp=new XMLHttpRequest(); 
    } 
else 
    { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("GET","content.txt",true); 
xmlhttp.send(); 
} 
</script> 

Answer 1

Sonne comme JQuery's ajax methods et JQuery UI AutoComplete serait une bonne chose pour vous d'utiliser - pas de réinventer la roue. (et vous trouverez que cela fonctionnera dans beaucoup plus de navigateurs !!)

Au lieu de faire votre requête ajax directement au fichier texte, faites-le à une page côté serveur (vous n'avez pas mentionné quel serveur technologie -side que vous utilisez?) - cette page doit accepter un paramètre de chaîne de requête qui est utilisé pour rechercher le fichier texte et retourner uniquement des résultats correspondants au client.