如何在ASP.NET MVC应用程序中组织JavaScript代码

Question

我们将在视图页面上添加一些Ajax函数.比如说,单击删除或插入按钮,将调用Action以在场景后面执行CRUD作业,然后在该操作后刷新项目列表.

在许多现有示例中,javascript代码嵌入在<script>标记内的视图页面中.由于一个视图通常需要许多功能.比如,在插入记录时,会有收集表单数据的功能,验证数据(这部分可以很长),并通过调用操作$.ajax().出于这个原因,我们正在考虑将所有这些javascript放在一个单独的.js文件中.

那么,这方面的专业实践是什么？我们应该将.js文件放在同一个文件夹下Views吗？或者应该将所有这些放入Script文件夹并从那里引用？

我们应该.js为每个单独的视图创建单独的文件,还是将.js不同视图的所有文件合并到一个大文件中？

此外,我们喜欢如何使用C#代码进行分组#region以便崩溃.JavaScript中有类似的东西吗？它太长了太容易了.

感谢您提供任何有用的建议.

Answer 1

我不会为此目的使用 Scripts 目录，因为所有默认的 JavaScript 文件（即 jQuery 和其他文件）都放置在这里。我通常将 Content 目录用于我自己的 JavaScript（还有 CSS 和图像）文件。

您可以在单独的文件夹中构建文件，例如视图（即 ~/Content/js/myviewfolder/somename.js）。

如果你想构建你的 JavaScript 代码：你可以将独立的代码分成不同的文件，然后让它处理一个文件。或者您可以将其分组为匿名自执行代码块，然后可以折叠这些块。除此之外，我没有想法。（就我个人而言，我会选择不同的文件（如果将不同的 JavaScript 文件构建到一个文件中，有多种方法。）