pass urls to javascript

Question

I'm building an ASP.NET MVC application with a lots of jQuery ajax calls (usually to refresh lists etc.). I'm using $.load mostly. The rebinding/action js scripts are naturally in Scripts folders in .js files. At this moment I'm holding all links in _Layout.cshtml like this

    var GET_ARTICLE_LIST = '@Url.Action("List","Article",null)';
    var GET_FILES_LIST = '@Url.Action("Files","Library", null)';

then I'm using it in a code like this

    $('.element').load(GET_ARTICLE_LIST);

is there any nicer way to pass ASP.NET MVC @Url.Action link to .js files?

try doing a console on that like console.log(GET_ARTICLE_LIST ) and see what's coming there — Ashish Kumar
– Ashish Kumar, Commented Feb 5, 2014 at 8:59

David · Accepted Answer · 2014-02-05 08:56:17Z

2

You could store the url in a data-attribute of the element that triggers the ajax call (i.e. a button or link etc)

<input type="submit" name="submit" data-url="@Url.Action("Action", "Controller")" />

var url = $(your_element).data('url');
$('.element').load(url);

answered Feb 5, 2014 at 8:56

David

15.4k15 gold badges64 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

7h4ro3 Over a year ago

well, I guess it's the cleanest solution

user1 · Accepted Answer · 2014-02-05 08:29:17Z

-1

Have you tried to make a javascript function in the Layout that returns you the url? For example:

function GetUrl(controller, action){
    return '@Url.Action("ACTION", "CONTROLLER")'.replace('ACTION',action).replace('CONTROLLER',controller);
}

so you don't have to write all this urls.

answered Feb 5, 2014 at 8:29

user1

1,1451 gold badge10 silver badges18 bronze badges

4 Comments

Tewr Over a year ago

@Url.Action executes on server so this will execute Url.Action("ACTION", "CONTROLLER") long before the js executes, which will most likely yield an error

user1 Over a year ago

Yes it does execute on the server. Thats why we have the replace statements after that.

Tewr Over a year ago

There is no guarantee that the result of the call to @Url.Action will contain substrings "ACTION" and/or "CONTROLLER", this depends on how you have set up your routes.

user1 Over a year ago

There isn't any call here. You are just generating the url string. So if you are developing on localhost you will have the GetUrl function look like : function GetUrl(controller, action){ return 'localhost/CONTROLLER/ACTION'.replace('CONTROLLER',controller).replace('ACTION',action); } and when ever you call with with your parameters you will get the needed url

Collectives™ on Stack Overflow

pass urls to javascript

2 Answers 2

1 Comment

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Related