Как обновить часть HTML-кода в aspnet mvc5

Question

В моем общем представлении это представление должно перечислять элементы на основе выбора. Поскольку это не вид, я решил, что это можно исправить с помощью JS. Часть кода, которую мне нужно обновить, такова:

foreach (var item in List.First().ProcessDefinition)
            {
                if (item != null)
                {
                    var words = GenerateRandomWords.RandomString(6);
                    <li class="nav-item">
                        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#@words" aria-expanded="true" aria-controls="collapseTwo">
                            <i class="fas fa-align-justify"></i>
                            <span>@Html.DisplayFor(modelItem => item.Nome)</span>
                        </a>
                        <div id="@words" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
                            <div class="bg-white py-2 collapse-inner rounded">
                                <h6 class="collapse-header">AAAA:</h6>
                                <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                                <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                                <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                                <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                                <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                                <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                                <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                                <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                            </div>
                        </div>
                    </li>
                }

            }

Я нашел поток Обновите div с помощью jQuery ajax response html , показывающий пример, но проблема в том, что мне нужнообработать результат GET перед обновлением div, чтобы я мог выполнить вышеуказанный код sabe с помощью foreach.

$('#submitform').click(function () {
$.ajax({
    url: "getinfo.asp",
    data: {
        txtsearch: $('#appendedInputButton').val()
    },
    type: "GET",
    dataType: "html",
    success: function (data) {
        var result = $('<div />').append(data).find('#showresults').html();
        $('#showresults').html(result);
    },
    error: function (xhr, status) {
        alert("Sorry, there was a problem!");
    },
    complete: function (xhr, status) {
        //$('#showresults').slideDown('slow')
    }
});

Как я могу изменить этот код для обработки результата и затем обновить эту часть html?