在单页应用（Single Page Application，SPA）中，C# 和 AJAX 通常一起使用，以提供更好的用户体验。这里是一个简单的实践示例，展示了如何在单页应用中使用 C# 和 AJAX：
创建一个 ASP.NET Core Web 应用项目。
在项目中添加一个新的控制器，例如 HomeController。
在 HomeController 中添加一个名为 GetData 的方法，该方法将返回 JSON 数据。例如：
using Microsoft.AspNetCore.Mvc;
[Route("api/[controller]")]
public class HomeController : ControllerBase
{
[HttpGet("GetData")]
public IActionResult GetData()
{
var data = new[]
{
new { id = 1, name = "Item 1" },
new { id = 2, name = "Item 2" },
new { id = 3, name = "Item 3" }
};
return Ok(data);
}
}
wwwroot 文件夹中创建一个 HTML 文件，例如 index.html。在此文件中，添加一个按钮和一个用于显示数据的列表：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Single Page Application</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<button id="loadData">Load Data</button>
<ul id="dataList"></ul>
<script>
$("#loadData").click(function () {
$.ajax({
url: "/api/home/GetData",
type: "GET",
dataType: "json",
success: function (data) {
var list = $("#dataList");
list.empty();
for (var i = 0; i< data.length; i++) {
list.append("<li>" + data[i].name + "</li>");
}
},
error: function (error) {
console.log("Error: ", error);
}
});
});
</script>
</body>
</html>
index.html。点击 “Load Data” 按钮，你将看到从服务器获取的数据显示在列表中。这个示例展示了如何在单页应用中使用 C# 和 AJAX 来获取数据并更新页面内容。你可以根据自己的需求扩展此示例，例如添加更多功能、使用其他前端框架等。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
