jquery ajax 加载部分视图到 div 标签 MVC

Question

我一直在寻找如何通过 jquery 调用在我的索引视图的 div 标记中加载部分视图，但没有运气。当我单击树上的链接时，我如何没有更新部分视图。部分视图在我第一次运行时加载 b/c 我调用 <div id="divid"> @Html.Partial("_InnerView")</div>。之后，当我单击链接时没有任何反应。或者，也许我在这里没有得到完整的画面。有些人提到使用$('#divid').load = data; 或$('#divid').innerHTML= data;，但对我没有任何作用。这就是我所拥有的。

控制器：

 public ActionResult Test(string parentEls)
    {
        if (Request.IsAjaxRequest())
        {
            Employee employee = new Employee();
            employee.Name = parentEls + "1";
            return PartialView("_InnerView", employee);
        }
        return View("_InnerView");            
    }

索引视图：

<div id="divid">
@Html.Partial("_InnerView")</div>


$('#tree a').click(function () {
    var parentEls = $(this).parents('ul').map(function () {
        return $(this).find('a').first().text();
    }).get().join(", ");

    $.ajax({
        type: 'POST',
        url: '@Url.Content("~/Home/Test")',
        data: {
            parentEls: parentEls                
        },
        success: function(data) {
            $('#divid').innerHTML = data;
        }
    });
});

_InnerView.cshtml：

  @model TreeDemo.Models.Employee

EmpName:@Model.Name

更新：我得到了这个和这个一起工作

 $.ajax({ url: '/Home/Test/', contentType: 'application/html; charset=utf-8', type: 'GET', dataType: 'html', data: { parentEls: parentEls } }) 

Answer 1

你必须使用

$('#divid').html(data);

而不是

$('#divid').innerHTML = data;

Answer 2

在 div MVC 4 中加载部分视图

最近我想在 Div 中加载 Partal View，经过大量的研发，这对我有用

 $.ajax({
    type: 'POST',
    url: '@Url.Content("~/ControllerName/ActionName")',
    data: {
        title: title
    },
    success: function(result) {
        $('#divid').innerHTML = result;
    }
});

    And In Partal View Action Controller Code

    public PartialViewResult ShowCategoryForm(string title)
    {
        Model model = new Model();
        model.Title = title;
        return PartialView("~/Views/ControllerName/PartalView.cshtml", model);
    }

Answer 3

我认为如果您检查呼叫的请求/响应对象会很有用，这样您就可以在拨打电话后看到实际发生的情况...根据您的代码，我可以注意到您正在发布使用

 $.ajax({
        type: 'POST',
        url: '@Url.Content("~/Home/Test")',
        data: {
            parentEls: parentEls                
        },
        success: function(data) {
            $('#divid').innerHTML = data;
        }
    });

但是你的动作被标记为“得到”......你需要有这样的东西

[HttpPost]
public ActionResult Test(string parentEls)

所以 MVC 可以理解在使用 HttpPost 动词时应该调用该动作