2012-05-01 58 views
14

我们将在视图页面上添加一些Ajax功能。说,单击一个删除或插入按钮,将调用一个操作来执行场景后面的CRUD作业,然后在该操作之后刷新项目列表。如何在ASP.NET MVC应用程序中组织JavaScript代码

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

那么,这是什么专业实践?我们是否应该将.js文件放在与Views相同的文件夹下?或者应该把他们全部放入Script文件夹并从那里参考?

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

此外,我们喜欢如何使用#region将C#代码分组以便崩溃。 JavaScript中有类似的东西吗?它只是太容易变得冗长。

谢谢任何​​有用的建议。

回答

3

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

您可以像您的视图(如〜/ Content/js/myviewfolder/somename.js)在单独的文件夹中构建文件。

如果您想构建您的JavaScript代码:您可以将独立代码分成不同的文件,并且可以让它处理为一个文件。或者你可以将它分成匿名的自执行代码块,然后你可以折叠这些块。除此之外,我没有想法。 (个人来说,我会去为不同的文件(如果建立不同的JavaScript文件到一个文件有方法)

+0

@ 3nigma建议了一个伟大的文章,但你的回复也是非常有帮助谢谢 – Blaise

+0

是的,我正在寻找文章(因为我也读过):)。 – Styxxy

+0

@Blaise,你可以参考@ 3nigma的文章吗?我似乎无法找到它。谢谢! :) –

相关问题