better way of passing URL string to javascript file?

Question

I am using the following in my _layout.cshtml

<div id="authorLoader" data-request-url="@Url.Action("Index", "Author", new { area = "Book" })"></div>

In js file, I retrieve the url as so:

var url= $('#authorLoader').data('request-url');

Works fine, however, I end up having 20+ div tags in my layout page. Is there a better way to pass url strings to javascript? Or is this recommended way?

Thanks!

XeroxDucati · Accepted Answer · 2014-03-08 18:30:13Z

2

This is a decent way to do it.. I sometimes 'cheat' and drop in some JS right into my template, and do something like

<script>
    var url = "@Url.Action("Index", "Author", new { area = "Book" })";
</script>

Its not much cleaner, but at least it saves a jquery operation.

answered Mar 8, 2014 at 18:30

XeroxDucati

5,2404 gold badges42 silver badges66 bronze badges

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

Comments

Gavin · Accepted Answer · 2014-03-08 18:30:03Z

1

Not sure of the context of this request, but could you construct a javascript array of URLs and then pass the array to the function that reads them? Or alternatively construct a JSON string. Depends on how you plan to use it.

answered Mar 8, 2014 at 18:30

Gavin

8,0944 gold badges58 silver badges77 bronze badges

5 Comments

XeroxDucati Over a year ago

That's a pretty good idea too.. You could have a server-side helper generate a JSON object and just do one call to one div to pull all your URLs out..

Gavin Over a year ago

Yep, I use PHP and it's incredibly simple converting an array or object to a JSON string. Then with javascript it's very easy to parse a JSON string into an array.

Gavin Over a year ago

Do you even need to store it in a DIV though, or could you just store the parsed JSON string (an array) in a javascript variable?

alpha Over a year ago

Thanks!, the array sounds like it might work. I can keep a global variable of the array of urls. Atleast, it will clean up my _layout page.

Gavin Over a year ago

Cool, glad I could help. If you run into any problems with the javascript let me know, but it should be pretty straightforward.

Collectives™ on Stack Overflow

better way of passing URL string to javascript file?

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related