Динамическая кнопка избранного — ASP.NET Core MVC

Ваше описание и код не передают ожидаемый результат. Возможно, вы хотите нажать кнопку «Избранное» и получить набор данных, соответствующий идентификатору в базе данных, через идентификатор. Я построил простой пример, может быть, то, что вы хотите.

Вид:

Отобразить данные на странице (подгружаю избранное из скрытой таблицы):

<div class = "filter_and_location" style = "right: 0%;">
    <div class = "property_information">
        @foreach (var item in Model)
        {
            <div class = "home-info">
                    <div class = "price">
                        <p>@item.Id</p>
                    </div>
                    <div class = "features">
                        <span>
                            @item.Name
                        </span>
                    </div>
                    @*This is the Favourite Button*@
                    <div class = "contact-save">
                        <button id = "@item.Id" onclick = "test(@item.Id)" class = "btn-primary">Submit</button>
                    </div>
            </div>
        }
    </div>
</div>

<div>
    <table class = "table" style = "display:none;">
        <thread>
            <tr>
                <td>Id</td>
                <td>Name</td>
            </tr>
        </thread>
        <tbody id = "tbody">
        </tbody>
    </table>
</div>

<script>
    function test(id)
    {
        $.ajax({
            type: 'POST',
            url: "/Home/Index",
            data: { id: id },
            success: function (response) {
                var html = "<tr><td>" + response.id + "</td>"
                         + "<td>" + response.name + "</td></tr>";
                
                $("#tbody").append(html);
                $(".table").show();
            },
            error: function (error) {
                console.info(error);
            }
        });
    }
</script>

Контроллер:

Получите соответствующие данные из базы данных, получив идентификатор, а затем вернитесь к таблице, показывающей избранные данные в представлении:

[HttpPost]
public IActionResult Index(int Id)
{
    //Match data with the same Id from the database
    //if necessary， you can create a new database and save it in the database
    var model = ...
    return Json(model);
}

Результат:

Прежде чем добавлять в избранное:

После добавления в избранное:

Вот случай, который вы можете использовать в качестве эталона.

Пожалуйста, дайте мне знать, если это то, что вы хотите.

Редактировать:

Вы можете изменить класс, используемый кнопкой, эти классы содержат цвет по умолчанию. Например, добавьте строку ниже в функцию успеха ajax:

$("#" + id).attr("class","btn-default");

Вы также можете добавить атрибут disabled для управления кнопкой, которая будет отключена после одного клика:

$("#" + id).attr("disabled", true);