jquery - Asp.net MVC Core - 无法使用 Ajax 加载部分 View

Question

关注此article ，我正在尝试加载 Partial View通过Ajax 。但它没有加载partial view .

注释:

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

Controller :

[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
...

View 末尾的 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 并检查应返回部分 View 的操作的 URL。
2. 复制该网址并将其粘贴到浏览器地址栏，然后按 Enter 键。
3. 您将看到错误(如果存在错误)或部分 View 。
4. 如果第 3 步没有错误，请尝试输入alert($('#UpdateTabData').length);在控制台中(如果确实有具有此类 id 的元素，则应为 1)；

这是非常简单的任务(我的意思是获取一些返回部分 View 的操作结果)，所以它应该可以工作。因此，您可能只是在某个地方有错误的 id 或类似的小问题。