用于从MVC3中的Javascript引用HTML元素的结构

我们有一个ASP.NETMVC3项目。我们使用ajax调用填充站点的几个部分。假设我们在

cshtml

中有一个

div

，我们想把一些搜索结果放在那里

<div id="SearchResult" />

当我们想要访问

div

时，我们在Java脚本中使用

选择器.SearchResult

到目前为止，一切顺利。但在c#世界中，我们有强大的绑定、编译时警告等，我们认为这里的耦合有点松散。如果我们想要重构

div

id，我们必须非常小心地找到所有引用并更新它们

---

有没有保持javascript和HTML标识符同步的好做法？是否有用于将所有

div

id提取到javascript文件中的模板/脚本？

将脚本添加到视图中

<script type="text/javascript">
    window.viewConfig = { searchResult: '#SearchResult' };
</script>

然后使用

@myId

使div

<div id="@myId"></div>

剧本是

<script type="text/javascript">
    window.viewConfig = { searchResult: '#@myid' };
</script>

window.viewConfig={searchResult:'#@myid'}；

如果我们想要重构我们的div id，我们必须非常小心地找到所有引用并更新它们

-对于给定的id，您的cshtml中有多少个引用？在每个cshtml中通常有一个，但是cshtml中的每个id通常在1-3个不同的JS文件中的0-5个位置被引用。

<div id="@myId"></div>

<script type="text/javascript">
    window.viewConfig = { searchResult: '#@myid' };
</script>