Asp.net MVC Core - 无法使用 Ajax 加载部分视图

Question

按照这个article，我正在尝试通过Ajax 加载Partial View。但它没有加载partial view。

注意事项：

1. 我正在使用带有最新更新的 VS2015，默认安装/配置 Jquery，Visual Studio 的 MVC Core Web 应用项目模板附带。
2. Google Chrome 的开发者工具没有显示错误。而且，浏览器的view source依然显示<div id="UpdateTabData"></div> tag empty
3. 我通过将alert('Test') 放置在 Ajax 调用中的 click 事件中并在控制器操作方法中使用 breakpoint 进行了测试，Ajax 确实在调用 TestAction 方法并且该方法确实返回 return PartialView("PartialView", myViemodel); 而没有操作方法中的任何错误。
4. 但最后的 Ajax 从它的错误函数返回我的自定义错误消息

控制器：

[HttpGet]
public IActionResult TestAction(string calledFrom)
{
  ... some code here with a view model myViemodel

  return PartialView("myPartialViewName", myViemodel);
}

查看：

@model myProj.Models.myTestViewModel
...some html here...
<div id="UpdateTabData"></div>
... more html here
...

Ajax 代码在视图末尾：

$(document).ready(function () {

    $('#myTabstripID li').click(function () {
        var li_id = $(this).attr("id");

        $.ajax({
            url: '@Url.Action("TestAction", "myControllerName")',
            data: { calledFrom: li_id},
            contentType: 'application/json',
            dataType: 'html'
            type: 'GET',
            cache: false,
            success: function (data) {
                $('#UpdateTabData').html(data);
            },
            error: function (data) {
                alert('Error occurred');
            }
        });
    });

});

Answer 1

1. 按 f12 并检查应返回部分视图的操作的 URL。
2. 复制该 URL 并将其粘贴到浏览器地址栏，然后按 Enter。
3. 您将看到错误（如果有错误）或您的部分视图。
4. 如果第 3 步没有错误，请尝试输入 alert($('#UpdateTabData').length);在控制台中（如果您确实有一个具有此类 id 的元素，则应为 1）；

这是一个非常简单的任务（我的意思是得到一些返回局部视图的操作结果），所以它应该可以工作。因此，您可能只是在某个地方输入了错误的 id 或类似这样的小东西。

Answer 2

您可以删除这部分代码。

contentType: 'application/json',

根据控制器中的 ActionResult，您将返回部分视图。所以你的 ajax 调用需要一个视图而不是 json。这将解决您的问题。