我想在不重新加载页面的情况下获得结果。 （异步）

Question

这是视图中的代码。

       <div class="col-sm-4 page-sidebar">
                    <aside>
                        <div class="widget sidebar-widget white-container links-widget">
                            <br>
                            <div class="title-lines">
                                <h4 class="m0" style="color:deepskyblue">Course List</h4>
                            </div>
                            @foreach (var item in Model.ProgramCategory)
                            {
                                <ul class="ullist">
                                    <li>
                                        @Html.ActionLink(item.courseCategory, "Index", new { crsCtgry = item.courseCategory }, new { @class = "" })
                                    </li>
                                </ul>
                            }
                        </div>
                    </aside>
                </div>

                <div class="col-sm-8 page-content">
                    <div class="white-container mb0">

                        @if (Model.CourseCategories != null)
                        {
                            <h3>@Html.DisplayFor(model => model.CourseCategories.)  </h3>
                            <table class="table">


                                @foreach (var item in Model.CourseCategories)
                                {
                                    <tr>
                                        <td>
                                            @item.courseSubject
                                        </td>
                                        <td>
                                            @item.courseName
                                        </td>
                                    </tr>
                                }

                            </table>
                        }

                    </div>
                </div>

这是我的控制器中的 Index 方法。

  public ActionResult Index(string crsCtgry)
    {
        var viewModel = new DisplayCourseIndexData();

        viewModel.ProgramCategory = db.ProgramCategoriess;
        if (crsCtgry != null)
        {
            viewModel.CourseCategories = db.CourseCategories.Where(n => n.courseField == crsCtgry).Select(n => n).ToList();
        }

        return View(viewModel);

    }

现在，我正在做的是，当点击课程类别时，该类别下的所有课程（课程名称和主题）都会显示在同一页面上。这是代码工作正常。但结果将通过刷新页面出现。我需要知道如何在不让人耳目一新的情况下做到这一点。当我单击 link 时，结果必须在不重新加载页面（异步）的情况下顺利显示。有办法吗？

Answer 1

使用@Ajax.ActionLink代替@Html.ActionLink。 link(http://www.c-sharpcorner.com/UploadFile/abhikumarvatsa/ajax-actionlink-and-html-actionlink-in-mvc/) 将帮助您了解如何做。