如何在不点击控制器方法的情况下基于单击在webgrid列中显示C#列表

@{
    var grid = new WebGrid(Model);
}

<table>
    <thead>
        <tr>
            <th>列标题</th>
            <th>列标题</th>
            <th>操作</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td>@item.Property1</td>
                <td>@item.Property2</td>
                <td data-attribute="@item.Id">单击我</td>
            </tr>
        }
    </tbody>
</table>

<div id="listContainer"></div>

<script>
    $(document).ready(function() {
        $('td[data-attribute]').click(function() {
            var id = $(this).data('attribute');
            // 发起AJAX请求，获取C#列表数据
            $.ajax({
                url: '/Controller/Action',
                data: { id: id },
                type: 'GET',
                dataType: 'json',
                success: function(response) {
                    // 在listContainer中显示C#列表数据
                    var html = '<ul>';
                    for (var i = 0; i < response.length; i++) {
                        html += '<li>' + response[i] + '</li>';
                    }
                    html += '</ul>';
                    $('#listContainer').html(html);
                }
            });
        });
    });
</script>

public ActionResult Action(int id)
{
    // 根据ID获取C#列表数据
    var list = YourMethodToGetListData(id);

    return Json(list, JsonRequestBehavior.AllowGet);
}