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

标签 javascript ajax asp.net-mvc-3

<分区>

我们要在 View 页面上添加一些 Ajax 功能。比如,单击一个删除或插入按钮,将调用一个 Action 以在后台执行 CRUD 作业,然后在该操作后刷新项目列表。

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

那么,这里面的专业做法是什么?我们是否应该放置 .js文件在同一文件夹下 Views ?或者应该将它们全部放入 Script文件夹和引用资料?

我们是否应该创建单独的 .js每个单独 View 的文件或组合所有 .js将不同 View 的文件合并到一个大文件中?

此外,我们喜欢使用 #region 对 C# 代码进行分组的方式以至于崩溃。 JavaScript 中有类似的东西吗?它只是太容易变长了。

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

最佳答案

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

您可以像您的 View 一样在单独的文件夹中构建文件(即 ~/Content/js/myviewfolder/somename.js)。

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

关于javascript - 如何在 ASP.NET MVC 应用程序中组织 JavaScript 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10399122/

相关文章:

javascript - 在 C# 中上传时在图像上添加日期

asp.net-mvc - ASP NET MVC : Dynamically adding or removing inputs on the form - unobtrusive validation

javascript - 我正在尝试将数据从单元格范围发送到不和谐的聊天 channel

jquery - Google App Engine + jQuery Ajax = 405 方法不允许

javascript - 当我调用 ajax 时,我的全部内容都加载到该 div 中

php - 如何调试调用SQL语句的AJAX(PHP)代码?

asp.net-mvc - 哪些单元测试框架具有 ASP.NET MVC 扩展?

visual-studio-2010 - 元素 'tr' 不能嵌套在元素 'tr' 中

javascript - 如何在 Electron 应用程序中截取整个网页的屏幕截图?

javascript - 如何设置移动设备和桌面的宽度?