溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
AJAX（Asynchronous JavaScript and XML）是一種在不重新加載整個頁面的情況下，與服務器交換數據并更新部分網頁內容的技術
創建一個ASP.NET Web Forms應用程序。
在項目中添加一個新的Web Form，例如AjaxDemo.aspx。
在AjaxDemo.aspx中添加以下HTML和JavaScript代碼：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>AJAX Demo</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function getData() {
$.ajax({
type: "POST",
url: "AjaxDemo.aspx/GetData",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
$("#result").html(response.d);
},
error: function (response) {
alert("Error: " + response.statusText);
}
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<h1>AJAX Demo</h1>
<button onclick="getData()">Get Data</button>
<p id="result"></p>
</div>
</form>
</body>
</html>
AjaxDemo.aspx.cs文件中添加以下C#代碼：using System;
using System.Web.Services;
public partial class AjaxDemo : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
[WebMethod]
public static string GetData()
{
return "Hello, AJAX!";
}
}
AjaxDemo.aspx頁面。點擊"Get Data"按鈕，你將看到"Hello, AJAX!"消息顯示在頁面上，而無需刷新整個頁面。這個簡單的示例展示了如何在C#項目中使用AJAX。你可以根據自己的需求擴展此示例，例如從數據庫獲取數據、調用Web API等。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
