Используйте отдельный файл js и используйте в нем URL-помощники с ASP.NEt MVC 3 и Razor View Engine

Question

Я задаю аналогичный вопрос здесь и Darin Dimitrov ответ, что мы не можем использовать помощник Url, например $.ajax({ url: '@Url.Action("Index")', . . . в отдельном файле js, так что вы предлагаете использовать помощник Url на странице просмотра и передатьэто яваскрипт, я не хочу использовать жесткий код URL, мне нужно найти его с помощью помощника Url.?

Answer 1

Используйте скрытое поле для хранения вашего URL, затем используйте JavaScript, чтобы прочитать скрытое поле, а затем используйте это в своем коде. Таким образом, вы можете хранить файл JS отдельно от представления. Примерно так:

//In Your View
    @Html.Hidden("MyURL", Url.Action("Index"))

//In Your JS
    var myUrl = $("#MyURL").val();

    $.ajax({ url: myUrl , . . .

Answer 2

Самый простой способ - просто создать глобальную переменную, называемую чем-то, и просто сослаться на нее во внешнем JS

var baseURL = '@Url.Action("Index")';

Внутри внешнего JS

$.ajax({ url: baseURL + "Action"

Answer 3

Вы можете использовать RazorJS для этой цели.Это позволяет писать Razor-Style C # или VB.NET внутри ваших файлов JavaScript.Краткое описание доступно здесь .

Answer 4

Нет необходимости иметь скрытое поле, даже это работает и во внешнем файле .js.

var myUrl = / ControllerName / ActionName;

$.ajax({ url: myUrl , . . 

Answer 5

Я использовал аналогичный подход к raklos, но искал, чтобы получить путь к корневому каталогу во всех местах, поэтому я пошел с кодом ниже.

@Html.Hidden("AppUrl", Url.Content("~"))

Answer 6

Взгляните на Генерация внешних файлов JavaScript с использованием частичных видов бритвы . В этой записи блога я опишу, как можно использовать обычные представления Razor и пользовательский фильтр действий для рендеринга внешних файлов JavaScript, в которых может быть код Razor.