How jquery script file gets the ID value of Asp.Net MVC 3's route data?

Question

The URL is http://localhost:52974/App/Detail/23432. I know the following code can get the ID (23432) and it can be used in javascript code embedded in a cshtml file.

@ViewContext.RouteData.Values["id"]

However, I have an external jQuery script file which handle document.ready function. The following approach will not work because it's not a cshtml file. What's the best approach to get the MVC route ID value besides using javascript to parse the URL?

$(document).ready(function () {
    var id = @ViewContext.RouteData.Values["id"];

redsquare · Accepted Answer · 2011-07-11 23:12:01Z

10

I would get the view to render out a script tag that would invoke a call to an init function in the external js passing the id as a param.

view:

<script>
   app.init('@ViewContext.RouteData.Values["id"]');
</script>

external js:

var app = {};

(function(app){

    var _id;

    app.init = function(id){
         _id = id;
    }

})(app);

answered Jul 11, 2011 at 23:12

redsquare

78.8k21 gold badges155 silver badges159 bronze badges

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

Comments

Jesper Haug Karsrud · Accepted Answer · 2011-07-11 23:11:49Z

7

You could store the value in a hidden input field in you view;

<input type="hidden" value='@ViewContext.RouteData.Values["id"]' id="routeDataId />

and then in your jQuery script;

$(document).ready(function() {
    var id = $('#routeDataId').val();

    // The rest of your script
});

Then you'll have access to the ID from your external script too :)

answered Jul 11, 2011 at 23:11

Jesper Haug Karsrud

1,1936 silver badges10 bronze badges

Comments

Andy · Accepted Answer · 2017-05-16 18:02:50Z

0

var id = @HttpContext.Current.Request.RequestContext.RouteData.Values["ID"].ToString();

edited May 16, 2017 at 18:02

Andy♦

50.8k62 gold badges181 silver badges240 bronze badges

answered May 16, 2017 at 17:48

Raymond P Conklin

11 bronze badge

Collectives™ on Stack Overflow

How jquery script file gets the ID value of Asp.Net MVC 3's route data?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related