AJAX在C#中實現用戶狀態追蹤

要在C#中使用AJAX實現用戶狀態追蹤，你需要創建一個Web應用程序，如ASP.NET MVC或ASP.NET Core。這里我將給出一個簡單的ASP.NET Core示例，展示如何使用AJAX和C#來追蹤用戶狀態。

1. 首先，創建一個新的ASP.NET Core Web應用程序項目。在Visual Studio中，選擇 “File” > “New” > “Project”，然后選擇 “ASP.NET Core Web Application” 模板。

2. 添加一個新的控制器，例如 UserController，并在其中添加一個名為 GetUserStatus 的方法，該方法將返回當前用戶的狀態。例如：

using Microsoft.AspNetCore.Mvc;

[Route("api/[controller]")]
public class UserController : ControllerBase
{
    [HttpGet("GetUserStatus")]
    public IActionResult GetUserStatus()
    {
        // 在這里獲取用戶狀態，例如從數據庫或其他數據源
        string userStatus = "Active";

        return Ok(userStatus);
    }
}

3. 在 Views 文件夾中創建一個新的視圖，例如 UserStatus.cshtml，并添加以下內容：

@{
    ViewData["Title"] = "User Status";
}

<h1>User Status</h1>

<div id="user-status">Loading...</div>

@section Scripts {
   <script>
        function updateUserStatus() {
            $.ajax({
                url: '/api/user/GetUserStatus',
                type: 'GET',
                success: function (data) {
                    $('#user-status').text(data);
                },
                error: function () {
                    $('#user-status').text('Error loading user status');
                }
            });
        }

        $(document).ready(function () {
            updateUserStatus();
            setInterval(updateUserStatus, 5000); // 每5秒更新一次用戶狀態
        });
    </script>
}

這將使用jQuery的AJAX方法從服務器請求用戶狀態，并將結果顯示在頁面上。setInterval 函數用于每隔5秒自動更新用戶狀態。

4. 最后，確保你已經安裝了jQuery庫。在 Views > Shared > _Layout.cshtml 文件中，添加以下代碼到 </body> 標簽之前：

現在，當用戶訪問 /UserStatus 頁面時，他們將看到實時更新的用戶狀態。你可以根據需要調整AJAX請求的間隔和用戶狀態的來源。