如何使用http get请求将列表组项目的数据发送到控制器功能

Question

我正在使用asp.net mvc Web应用程序平台以c＃编写应用程序。在我的index.cshtml中，我有一个名为“结果”的列表组div。当用户单击div中的一项时，我想将该项中的数据发送到api控制器中的函数。我试图这样做，但是当我单击一个项目时，我什么也没有得到响应。

<script>

    $('.list-group-item').on('click', function () {
        var artist = $(this).val();


        $.get("/api/Search/related?artistId=" + artist.ArtistId, function (data) {
            $("results").html("");

            if (data.Data.length > 0) {
                for (var i = 0; i < data.Data.length; i++) {
                    $("#results").append('<button type= "button" class="list-group-item">' + data.Data[i] + '</button>');
                }
            }
            else {
                $("#results").html("<p style=\"text-align:center\">No results were found!! :(</p>");
            }
        });
    });
</script>

使用另一个JavaScript函数正确填充了“结果” div的内容。这是用于结果的html：

<div class="row">
    <div class="col-lg-6 col-lg-offset-3">
        <div class="list-group" id="results">
        </div>
    </div>
</div>