.net - .JS 文件在 Ajax Url 中使用 @url.action

Question

我一直在尝试在另一个外部 .JS 文件中的 Ajax url 中使用 @Url.Action 但不幸的是我没有运气。

这是我的代码:

 $.ajax({
      type: 'post',
      url: "@Url.Action("ClearData","Home")",
      success: function () {

       }
     });

此代码仅在 View 内部有效，但在 Javascript 外部 中无效。我已经搜索了一些可能的解决方案，但它似乎与此不同。

有没有其他方法可以在另一个 .Js 文件中使用 @Url.Action？

Answer 1

@Url.Action() 是 Razor (服务器端)代码，不在外部文件中解析。选项包括

在主文件中声明一个全局变量，比方说

var url = @Url.Action("ClearData","Home");

然后在外部脚本中使用 url: url 在 ajax 调用中

在您处理的元素中包含一个data-属性，例如，如果它是一个按钮点击事件，那么

<button data-url="@Url.Action("ClearData","Home")" id="mybutton">

然后在外部文件中读取该值，例如

$('#mybutton').click(function() {
    var url = $(this).data('url');
    $.ajax({
        url: url,
        ....