Как организовать код JavaScript в приложениях ASP.NET MVC

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 в один файл.)