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

How to organize the JavaScript Code in ASP.NET MVC applications

本文关键字：JavaScript 代码应用程序 MVC ASP NET 更新时间：2023-09-26

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

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

那么，这方面的专业实践是什么？我们应该将.js文件与其Views放在同一个文件夹下吗？还是应该将它们全部放入Script文件夹中并从那里引用？

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

此外，我们喜欢如何使用 #region 对 C# 代码进行分组以便折叠。JavaScript 中有什么类似的东西吗？它只是太容易变长了。

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

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

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

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