Как выполнить поиск с помощью AJAX?

Question

У меня следующий 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>

Я хочу, чтобы, когда пользователь вводил какое-то ключевое слово в текстовое поле и нажимал кнопку, вызывался Ajax для получения результатов поиска из простого текстового файла, хранящегося у меня на локальном компьютере. Пожалуйста, руководство, как мне этого добиться? Я написал метод loadContents, который просто извлекает содержимое txt-файла, но я хочу, чтобы он основывался на поиске. Пример кода для 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

Похоже на ajax-методы JQuery и JQuery UI AutoComplete было бы полезно для вас - нет смысла изобретать велосипед.(и вы обнаружите, что он будет работать в гораздо большем количестве браузеров !!)

Вместо того, чтобы отправлять запрос ajax непосредственно в текстовый файл, перейдите на страницу на стороне сервера (вы не упомянуликакую серверную технологию вы используете?) - эта страница должна принимать параметр строки запроса, который используется для поиска в текстовом файле и возврата только результатов сопоставления клиенту.