在 Ajax Url 中使用 @url.action 的 .JS 文件 [英] .JS File using @url.action in Ajax Url

问题描述

I been trying to use @Url.Action inside Ajax url in another external .JS file but unfortunately i got no luck.

Here's my Code:

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

       }
     });

This Code working only inside the View itself but not in Javascript externally. Iv'e been searched some possible solution but it seems different than this.

Is there any alternative way to use @Url.Action in another .Js File?

解决方案

@Url.Action() is razor (server side) code and is not parsed in external files. Options include

Declaring a global variable in the main file, say

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

and then in the external script use url: url in the ajax call

Including a data- attribute in the element your handling, for example if its a button click event, then

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

and then reading that value in the external file, for example

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

这篇关于在 Ajax Url 中使用 @url.action 的 .JS 文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！