从 ASP.NET MVC 中的 AJAX 调用 ActionResult 时未加载视图

Question

当单击按钮时，我使用 AJAX 从 JavaScript 调用了 actionresult 函数：

 <script type="text/javascript">
        $('.btn-SelectStudent').on('click', function () {
            $('input:radio').each(function () {
                if ($(this).is(':checked')) {
                    var id = $(this).val();
                    $.ajax({
                        url: '@Url.Action("ParseSearchLists", "Upload")',
                        data: { studentId: id }
                    }).success(function (data) {
                       alert('success');
                    });
                }
                else {
                    // Or an unchecked one here...
                }
            });

            return false;
        })
    </script>

UploadController.cs 内部：

    [HttpPost]
    public ActionResult ParseSearchLists(int studentId)
    {
        SearchModel searchModel = ApplicationVariables.searchResults.Where(x => x.StudentId == studentId).ToList().First();
        TempData["SearchModel"] = searchModel;
        return RedirectToAction("UploadFile", "Upload");
    }

    public ActionResult UploadFile()
    {
        searchModel = TempData["SearchModel"] as SearchModel;
        return View(searchModel); //debug point hits here.
    }

在 UploadFile() 中，我返回了 View，它应该加载另一个视图。但是我在警报中只得到“成功”，但没有加载新视图。我认为，应该加载视图。

Answer 1

您正在对服务器进行“AJAX”调用，这意味着您的请求在当前页面请求之外运行，结果将返回到您的success 延续例程，而不是浏览器的呈现引擎。本质上，该例程的 data 参数可能是您的 UploadFile 视图的整个 HTML 响应。

这不是.ajax 的用途。它用于向服务器发出异步请求并将数据（通常是 JSON 或 XML）返回到您的 javascript 以进行评估并显示在页面上（无论如何这是最常见的用途）。

我看不到您的 HTML，但是您最好使用 <a> 锚（链接）标签并在查询字符串中发送您的学生 ID 不是更好吗？很难说您正在尝试做什么，但您的视图的 HTML (.cshtml) 将永远不会使用您现在拥有的代码显示。

Answer 2

看来，您没有在 ajax 成功时加载视图返回到 div。在下面的代码中用您的 div 替换 #divname。我希望这有助于解决您的问题

 <script type="text/javascript">
            $('.btn-SelectStudent').on('click', function () {
                $('input:radio').each(function () {
                    if ($(this).is(':checked')) {
                        var id = $(this).val();
                        $.ajax({
                            url: '@Url.Action("ParseSearchLists", "Upload")',
                            dataType: "html",
                            data: { studentId: id }
                        }).success(function (data) {
                          $('#divName').html(data); // note replace divname with your actual divname
                        });
                    }
                    else {
                        // Or an unchecked one here...
                    }
                });

                return false;
            })
        </script>
      [HttpPost]
        public ActionResult ParseSearchLists(int studentId)
        {
            SearchModel searchModel = ApplicationVariables.searchResults.Where(x => x.StudentId == studentId).ToList().First();                
            return View("UploadFile",searchModel); //debug point hits here.
        }