ページをリロードせずにダイアログボックスにデータを表示する

ID +名前+価格が記載されたブートストラップダイアログボックスを表示しようとしています。

次に、ユーザーがダイアログで[はい]を選択した場合、削除機能があるActionメソッドを押し、ページのデータを更新して、ページを再読み込みせずに変更を確認する必要があります。

また、ユーザーの削除アクションメソッドにヒットした後は必要ありません。ビューを表示してはなりません。

以下のコードからViewBagを使用しようとしましたが、ブートストラップダイアログボックスにID +名前+価格が表示されず、アクションメソッドの削除にリダイレクトされず、ページが更新されません

@model IEnumerable<School.Models.ApplicationUser>

<hr>

    <table class="table table-responsive table-hover">

        <tbody>
            @foreach (var item in Model.OrderBy(x => x.DateTime))
            {
                <tr>
                    <td>
                        @Html.DisplayFor(modelItem => item.ID)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Name)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Price)
                    </td>

                    <td>

                        <span style="color: #ff0000;">
                            <a class="btn btn-warning btn-sm disclaimer-dialog">
                                    <i class="fa fa-unlock">&nbsp;</i>Delete  
                                    ViewBag.MyId = @item.Id;                              
                                </a>

                        </span>
                         &nbsp;

                    </td>
                    @ViewBag.MyId
                </tr>
            }
        </tbody>
    </table>


@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/Scripts/Views/SchoolAccounts/Delete.js")
}


<!-- Button trigger modal -->
<!-- Modal -->
<div class="modal fade" id="disclaimerModalDialog" tabindex="-1" role="dialog" aria-labelledby="exampleModalScrollableTitle" aria-hidden="true" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="exampleModalScrollableTitle">Confirmation Deletion</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p><strong>Are you sure you want to reset password for user ? @ViewBag.MyId </strong></p>

                @using (Html.BeginForm("DeleteProduct", "SchoolAccounts",

                    FormMethod.Post, new
                    {
                        @id = "delete-form",
                        role = "form"
                    }))
                {
                    @*@Html.HiddenFor(m => m.Id)
                        @Html.AntiForgeryToken()*@
                }
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default"
                        onclick="$('#delete-form').submit();">
                    Yes
                </button>
                <button type="button" class="btn btn-primary"
                        data-dismiss="modal">
                    No
                </button>
            </div>
        </div>
    </div>
</div>

Delete.jsのコンテンツ

$(function () {

    $('.disclaimer-dialog').click(function () {
        $('#disclaimerModalDialog').modal('show');
    });

});