AJAX在C#中實現(xiàn)用戶狀態(tài)追蹤

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

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

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

using Microsoft.AspNetCore.Mvc;

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

        return Ok(userStatus);
    }
}

3. 在 Views 文件夾中創(chuàng)建一個新的視圖，例如 UserStatus.cshtml，并添加以下內(nèi)容：

@{
    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秒更新一次用戶狀態(tài)
        });
    </script>
}

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

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

現(xiàn)在，當(dāng)用戶訪問 /UserStatus 頁面時，他們將看到實時更新的用戶狀態(tài)。你可以根據(jù)需要調(diào)整AJAX請求的間隔和用戶狀態(tài)的來源。