Question

我正在尝试从jQuery加载部分视图。我有一个Controller和索引Action Action结果。索引C＃HTML文件。

在索引C＃HTML文件上编写的代码是：

 @section PViewsMenu {
    @Html.Partial("_menu")

}

<div id="mainContent" ></div>

现在我有一个menu.js来自menu.cshtml。在menu.cshtml我有一个按钮：

  <button style="float:left" data-bind="click: function (data, event) {$parent.load(data, event); return true;}">
                <span data-bind=""></span>
            </button>

在menu.js我有一个方法：

 load = function (data,event) {
               //event.preventDefault();
          $('#mainContent').load("../Product/_productList") // this line is not working probably.

但_productList是Product文件夹下的部分视图，_productList cshtml与ProductList.JS文件绑定。

错误：

无法加载资源。

Answer 1

试试这个

$('#mainContent').load('../Product/_productList');

但更好的方法是

$('#mainContent').load('@Url.Content("../Product/_productList")')

或其他方式

var $mainContent= $('#mainContent');


  $.get(url, function(data) {
        $mainContent.replaceWith(data);
    });

还要注意路径。我认为它是正确的。

jQuery从jQuery加载局部视图

1 个答案: