Javascript Variable in Url.Content

Question

I have a javascript variable called locid that I am trying to use as part of a URL by setting the data-url of a div as follows:

data-url='@Url.Content("~/Catalogue_Items/ItemsActionViewPartial/")@Model.CatItemID?LocationID=locid&AsyncUpdateID=catalogue-view'>

I know I can't just throw the locid in that string as I have done in my sample code but I just put it there to illustrate where I need my javascript variable to be. How can I achieve this??

A "GET" form will append this to the URL using the global.aspx page won't it? Are you not using a form to populate this URL — Josh Stevenson
– Josh Stevenson, Commented Apr 22, 2015 at 13:17
When and how do you set the value of the JavaScript variable? Does the variable have the value at the time that the HTML code is parsed? — Guffa
– Guffa, Commented Apr 22, 2015 at 13:23
@epascarello I understand there is a mix of client and server code here but there are way around that, please don't comment "can't be done" because you don't know how to do it. — mgrenier
– mgrenier, Commented Apr 22, 2015 at 13:54

Adeel · Accepted Answer · 2015-04-22 13:23:01Z

3

The problem here is @url.content needs to be run on server, where JavaScript variable is not visible. Write an independent AJAX call to fetch content and than set content in data-url

answered Apr 22, 2015 at 13:23

Adeel

19.3k4 gold badges48 silver badges60 bronze badges

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

Comments

Vijay · Accepted Answer · 2015-04-22 13:23:28Z

2

You cannot use the Javascript variable directly into attribute. A workaround can be to reorder the parameters of your url and setting the JavaScript variable in script tag.

<button id="myButton" data-url='@Url.Content("~/Catalogue_Items/ItemsActionViewPartial/")@Model.CatItemID?AsyncUpdateID=catalogue-view'></button>

I have reordered the url parameters here. The location parameter will be set by following script. Place this script just after the button element.

<script>
var button = document.getElementById('myButton');
var url=button.getAttribute('data-url');
url+="&LocationID=" + locid;
button.setAttribute('data-url',url);
</script>

answered Apr 22, 2015 at 13:23

Vijay

3,0231 gold badge17 silver badges24 bronze badges

1 Comment

mgrenier Over a year ago

thank you, this does set the data-url attribute, but my problem is the page loads, then the attribute is set so it doesn't update my div with the appropriate data. How can I refresh the partial view?

Guffa · Accepted Answer · 2015-04-22 15:13:12Z

0

You can put the value in the page using document.write, but you can't write it out inside the tag, you have to write out the entire tag. Example:

<script>
document.write('<div data-url="@Url.Content("~/Catalogue_Items/ItemsActionViewPartial/")@Model.CatItemID?LocationID=' + locid + '&AsyncUpdateID=catalogue-view">');
</script>

answered Apr 22, 2015 at 15:13

Guffa

703k111 gold badges760 silver badges1k bronze badges

Collectives™ on Stack Overflow

Javascript Variable in Url.Content

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related