asp.net-mvc - jquery ajax加载部分 View 到div标签MVC

Question

我一直在寻找如何进行 jquery 调用以在索引 View 上的 div 标记中加载部分 View ，但没有运气。当我单击树上的链接时，我无法更新部分 View 。当我第一次运行它时，部分 View 会加载，因为我调用 <div id="divid"> @Html.Partial("_InnerView")</div> 。之后，当我点击链接时什么也没有发生。或者也许我没有在这里了解全貌。有些提到使用 $('#divid').load = data;或$('#divid').innerHTML= data;但对我来说没有任何作用。这就是我所拥有的。

Controller :

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

索引 View :

<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

员工姓名:@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;