Ajax 是一種在網頁中使用的技術，可以實現無需刷新頁面的數據交互。在ASP (Active Server Pages) 中，使用 Ajax 技術可以實現更加動態和高效的網頁。本文將介紹如何使用 Ajax 和 ASP 來實現一個文本框下拉效果。通過這個例子，我們可以看到如何利用 Ajax 和 ASP 實現用戶輸入文本時，實時顯示匹配的下拉選項。
假設我們有一個簡單的城市列表，用戶可以通過文本框輸入城市的名字，然后系統會自動展示與輸入文本相關的城市列表。我們可以使用 Ajax 技術來實現這個功能。
第一步：首先，我們需要一個包含城市名稱的數據庫表。我們可以使用如下 SQL 語句來創建一個名為 "cities" 的表：
CREATE TABLE cities ( id INT PRIMARY KEY, name VARCHAR(50) ); INSERT INTO cities (id, name) VALUES (1, '北京'); INSERT INTO cities (id, name) VALUES (2, '上海'); INSERT INTO cities (id, name) VALUES (3, '廣州');
第二步：在 ASP 中，我們創建一個名為 "getCityList.asp" 的頁面，用來處理用戶輸入并返回匹配的城市列表。代碼如下：
<%
Option Explicit
Dim searchKeyword
searchKeyword = Request.QueryString("keyword")
Dim conn
Set conn = Server.CreateObject("ADODB.Connection")
conn.Open "your_connection_string" ' 替換為你的數據庫連接字符串
Dim rs
Set rs = Server.CreateObject("ADODB.Recordset")
rs.Open "SELECT name FROM cities WHERE name LIKE '%" & searchKeyword & "%'", conn
Dim cityList
cityList = ""
While Not rs.EOF
If cityList<>"" Then
cityList = cityList & ","
End If
cityList = cityList & rs("name")
rs.MoveNext
Wend
rs.Close
Set rs = Nothing
conn.Close
Set conn = Nothing
Response.Write cityList
%>第三步：在前端頁面中，我們使用 JavaScript 和 Ajax 技術來實現文本框下拉效果。代碼如下：
<html>
<head>
<script>
function showCityList(str) {
if (str.length == 0) {
document.getElementById("cityList").innerHTML = "";
return;
} else {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("cityList").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "getCityList.asp?keyword=" + str, true);
xmlhttp.send();
}
}
</script>
</head>
<body>
<input type="text" onkeyup="showCityList(this.value)">
<div id="cityList"></div>
</body>
</html>在上述代碼中，我們定義了一個 JavaScript 函數showCityList，它會在每次用戶輸入內容時調用。該函數首先檢查用戶輸入的長度，如果為空，則清空下拉列表；否則，通過 Ajax 技術向后端發送請求，并將返回的城市列表顯示在頁面中的cityList元素中。
通過這種方式，用戶可以在文本框中實時看到匹配的城市列表，提高了用戶的體驗和效率。
在本文中，我們簡單介紹了如何使用 Ajax 和 ASP 來實現一個文本框下拉功能。這個例子展示了如何利用 Ajax 技術在不刷新頁面的情況下實現動態數據交互。當然，實際應用中還有更多的細節需要考慮，比如處理用戶輸入的特殊字符、優化數據庫查詢等等。希望本文能對你了解 Ajax 和 ASP 的結合使用有所幫助。