在網頁開發中，Ajax 是一種重要的技術，它能夠實現在不刷新整個頁面的情況下，與服務器進行數據交互。而在ASP頁面中，我們經常需要獲取其他頁面的值或數據。那么如何使用Ajax獲取ASP頁面的值呢？
首先，讓我們假設有一個ASP頁面，它包含一個按鈕和一個文本框。當我們點擊按鈕時，我們希望能夠通過Ajax獲取另一個ASP頁面中的某個值，并將其顯示在文本框中。在下面的示例中，我們將使用jQuery庫來簡化操作。

html
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<input type="text" id="result" readonly />
<button onclick="getValue()">獲取值</button>
<script>
function getValue() {
$.ajax({
url: "getvalue.asp",
method: "GET",
success: function(response) {
$("#result").val(response); // 將返回的值顯示在文本框中
},
error: function() {
alert("獲取值失敗！");
}
});
}
</script>

在上述代碼中，我們首先引入了 jQuery 庫，并在頁面中添加了一個只讀的文本框和一個按鈕。當我們點擊按鈕時，調用了getValue()函數。
該函數中首先使用$.ajax()方法發起了一個 GET 請求，并指定了要獲取值的 ASP 頁面的 URL。當請求成功時，success回調函數會被執行，其中的response參數即為獲取到的值。我們將獲取到的值使用 jQuery 的val()方法設置給文本框，從而實現了值的顯示。
值得注意的是，為了處理請求失敗的情況，我們還添加了error回調函數。
接下來，讓我們來思考一個實際的應用場景。假設我們有一個網站，用戶可以在頁面上搜索商品。當用戶在輸入框中輸入關鍵詞并點擊搜索按鈕時，我們希望通過Ajax獲取ASP頁面中匹配的商品，并將其顯示在頁面上。為了簡化示例，我們假設 ASP 頁面返回了包含商品名稱和價格的JSON數據。

html
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<input type="text" id="keyword" />
<button onclick="search()">搜索</button>
<ul id="result"></ul>
<script>
function search() {
var keyword = $("#keyword").val();
$.ajax({
url: "search.asp",
method: "GET",
data: { keyword: keyword },
success: function(response) {
var result = $("#result");
result.empty();
if (response.length > 0) {
for (var i = 0; i < response.length; i++) {
result.append("<li>" + response[i].name + " - ￥" + response[i].price + "</li>");
}
} else {
result.append("<li>沒有找到匹配的商品！</li>");
}
},
error: function() {
alert("搜索失敗！");
}
});
}
</script>

在上述代碼中，我們添加了一個輸入框和一個按鈕，以及一個用于顯示結果的無序列表。當用戶在輸入框中輸入關鍵詞并點擊搜索按鈕時，調用search()函數。
在函數中，我們首先獲取用戶輸入的關鍵詞，并將其作為參數傳遞給$.ajax()方法的data屬性中。這樣，我們就能夠在 ASP 頁面中使用Request.QueryString獲取這個關鍵詞了。
當請求成功時，我們遍歷返回的 JSON 數據，并將每個商品的名稱和價格以列表項的形式添加到結果列表中。如果沒有找到匹配的商品，則顯示相應的提示。需要注意的是，我們使用empty()方法清空了結果列表，以便在每次搜索前更新頁面。
通過上述示例，我們可以看到使用 Ajax 獲取 ASP 頁面的值并不復雜，只需要了解一些基本的原理和技巧。而在實際的開發中，我們可以根據具體的需求，進行更多的定制和擴展。希望本文對你有所幫助！