JQuery 是一個 JavaScript 庫,它以及 AJAX 技術可以讓你通過 HTTP 請求從服務器獲取數據,然后更新頁面。在本文中,我們將討論使用 JQuery AJAX 方法從 ASP 網站獲取數據并將其在頁面上顯示。
首先,讓我們看一個簡單的 ASP 網頁示例:
<%@ Language=VBScript %> <% Response.ContentType = "application/json" Response.Write("{""name"": ""John"", ""age"": 30}") %>
在上述示例中,ASP 通過 Response 對象返回一個 JSON 字符串,它包含一個名為 "name" 的屬性和一個名為 "age" 的屬性。這個示例將返回以下內容:
{ "name": "John", "age": 30 }
接下來,我們將在客戶端使用 JQuery AJAX 方法使用該 URL:
$.ajax({ url: "example.asp", success: function(data) { $("p").text(data.name + " is " + data.age + " years old."); } });
在上述代碼中,我們使用 $.ajax() 方法從服務器獲取數據。success() 回調函數用來處理請求成功的數據。在本例中,我們將服務器返回的數據直接顯示在頁面的段落中。
為了更好地處理錯誤消息,我們添加一個 error() 回調函數,如下所示:
$.ajax({ url: "example.asp", success: function(data) { $("p").text(data.name + " is " + data.age + " years old."); }, error: function(xhr, status, error) { alert("An error occurred: " + xhr.status + " " + xhr.statusText); } });
在上述代碼中,如果請求失敗,就會顯示一個警告框。警告框中顯示的文本是 XMLHttpRequest 對象的狀態代碼和狀態文本。
在本文中,我們已經學會了使用 JQuery AJAX 方法從 ASP 網站獲取數據。我們可以輕松地發送請求、處理成功的數據和處理錯誤消息。