将ActionLink "Details“”编辑“”删除“添加到ajax列表MVC5

@Html.ActionLink("Details", "Details", new { id = item.Id }, new { @class = "details-link" })
@Html.ActionLink("编辑", "Edit", new { id = item.Id }, new { @class = "edit-link" })
@Html.ActionLink("删除", "Delete", new { id = item.Id }, new { @class = "delete-link" })

<script>
    $(document).ready(function () {
        $('.details-link').click(function (e) {
            e.preventDefault();
            var url = $(this).attr('href');
            
            // 使用Ajax获取详细信息，并在成功回调函数中更新页面
            $.ajax({
                url: url,
                type: 'GET',
                success: function (data) {
                    // 更新页面的代码
                }
            });
        });

        $('.edit-link').click(function (e) {
            e.preventDefault();
            var url = $(this).attr('href');
            
            // 使用Ajax加载编辑表单，并在成功回调函数中弹出模态框
            $.ajax({
                url: url,
                type: 'GET',
                success: function (data) {
                    // 弹出模态框的代码
                }
            });
        });

        $('.delete-link').click(function (e) {
            e.preventDefault();
            var url = $(this).attr('href');
            
            // 使用Ajax进行删除操作，并在成功回调函数中更新页面
            $.ajax({
                url: url,
                type: 'POST',
                data: { __RequestVerificationToken: $('input[name="__RequestVerificationToken"]').val() },
                success: function (data) {
                    // 更新页面的代码
                }
            });
        });
    });
</script>