如何使用AJAX執行搜索？

我有以下的HTML代碼：如何使用AJAX執行搜索？

<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調用，從一個簡單的txt文件檢索搜索結果保存在我的地方。請指導我如何實現這一目標？我寫了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>

來源

2011-06-07 Supriya

文件中的數據格式是什麼？ – John 2011-06-07 07:27:47

明文。讓我們說它有2個定義;一個用於AJAX，另一個用於JAVASCRIPT。當用戶輸入AJAX時，它應該檢索AJAX的defn – Supriya 2011-06-07 07:30:05

聽起來像JQuery's ajax methods和JQuery UI AutoComplete將是你用一個好東西 - 沒有點重新發明輪子。（你會發現它會在更多的瀏覽器中工作!!）

而不是讓你的ajax請求直接到文本文件，使其到服務器端頁面（你沒有提到什麼服務器） - 該頁面應接受查詢字符串參數，該參數用於搜索文本文件並僅將匹配結果返回給客戶端。

來源

2011-06-07 07:28:58 Nathan

如何使用AJAX執行搜索？

回答

相關問題