如何在ASP.NET MVC應用程序中組織JavaScript代碼

我們將在視圖頁面上添加一些Ajax功能。說，單擊一個刪除或插入按鈕，將調用一個操作來執行場景後面的CRUD作業，然後在該操作之後刷新項目列表。如何在ASP.NET MVC應用程序中組織JavaScript代碼

在許多現有示例中，JavaScript代碼嵌入在<script>標記內的視圖頁中。由於通常有許多功能需要一個視圖。說，插入記錄時，會有收集表格數據，驗證數據（此部分可能很長）的功能，並通過$.ajax()調用動作。出於這個原因，我們正在考慮將所有這些javascript放入單獨的.js文件中。

那麼，這是什麼專業實踐？我們是否應該將.js文件放在與Views相同的文件夾下？或者應該把他們全部放入Script文件夾並從那裏參考？

我們是否應該爲每個單獨的視圖創建單獨的.js文件或將不同視圖的所有.js文件合併到一個大文件中？

此外，我們喜歡如何使用#region將C＃代碼分組以便崩潰。 JavaScript中有類似的東西嗎？它只是太容易變得冗長。

謝謝任何有用的建議。

來源

2012-05-01 Blaise

我不會爲此使用Scripts目錄，因爲所有默認的JavaScript文件（即jQuery和其他）都放在這裏。我通常將Content目錄用於我自己的JavaScript（也稱爲CSS和圖像）文件。

您可以像您的視圖（如〜/ Content/js/myviewfolder/somename.js）在單獨的文件夾中構建文件。

如果您想構建您的JavaScript代碼：您可以將獨立代碼分成不同的文件，並且可以讓它處理爲一個文件。或者你可以將它分成匿名的自執行代碼塊，然後你可以摺疊這些塊。除此之外，我沒有想法。（個人來說，我會去爲不同的文件（如果建立不同的JavaScript文件到一個文件有方法）

來源

2012-05-01 14:33:01 Styxxy

@ 3nigma建議了一個偉大的文章，但你的回覆也是非常有幫助謝謝 – Blaise

是的，我正在尋找文章（因爲我也讀過）:)。 – Styxxy

@Blaise，你可以參考@ 3nigma的文章嗎？我似乎無法找到它。謝謝！ :) –

如何在ASP.NET MVC應用程序中組織JavaScript代碼

回答

相關問題