如何在JS中的部分视图之间共享信息

时间:2014-03-04 20:36:50

标签: c# javascript partial-views

在同一页面上加载了两个部分

例如,如果我点击一个部分中的按钮,那么我希望某个值出现在另一个部分中。

我希望在客户端完成所有工作。我相信我会在js中调用一个方法,但我不确定如何将它连接到同一页面中另一个部分的另一个js var。换句话说,如何在客户端同时让两个部分人员互相交谈。

1 个答案:

答案 0 :(得分:1)

一旦您的剃刀视图呈现给浏览器,它只是HTML标记。这意味着,您可以使用javascript访问DOM中的元素并根据需要更新值。

将您的脚本保存在包含2个部分视图的主视图中。

$(function(){
  $("#ButtonInFirstParial").click(function(e){
   e.preventDefault();
   $("#DivInSecondPartial").html("Updated");
  });
});

此外,如果您在全局范围内声明您的javascript变量,您也可以在其他地方访问它。因此,如果您在布局页面中有这样的变量,

<body>
@RenderBody()
<script type="text/javascript">
  var global_SiteUrl="Some value i want to access in all pages";
</script>    
</body>

您可以在其他视图(使用上面的视图作为布局)或js文件中访问它,这些视图是布局值设置为上述布局的其他视图的一部分。