MVC3将html内容注入到加载的视图中

Question

我是MVC3的新手，我在尝试将html内容渲染到已经渲染的视图时遇到了问题。 我有一个带有2个div，左列和右列的视图。左列在第一次加载视图时呈现列表视图。我想根据左侧列表视图中单击的项目更改右列中加载的html内容。我正在使用jquery mobile。

当我点击左侧列中的某个项目时，我想在右侧加载一个视图。

Answer 1

在服务器端，您需要创建一个操作，返回右侧列的html（简单的ViewResult）。

[HttpGet]
public ViewResult RightColumn()
{
    return View("right");
}

在客户端，您可以使用jQuery load（）函数调用此操作并将结果插入到右列容器中：

$("#left-column-button").click(function () {
    $("#right-column").load("/right");
});