.JS File using @url.action in Ajax Url

Question

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

Here\'s my Cod

Answer 1

@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

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

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