ASP.NET MVC RouteUrl with dynamic action

Question

I try to use URLHelp.RouteUrl with dynamic string in javascript. I want it in this way -

function MyFun(action, param){
   var strPass = "MyController/" + action + "?param1=" + param;
   Windows.Location.href = "<%=Url.RouteUrl(" + strPass + ")%>";
}

It does not work. Have I missed anything? Do we have alternative way in ASP.NET MVC to work in a similar way?

Thanks,

Additional info -

I try the above way because I have a problem from my application - the main page has "http://myserver/myapplicaiton/mycontroller/myaction" correctly return when I use "Windows.Location.href ="MyController/MyAction". But the next page having double controller appeared "http://myserver/myapplication/mycontroller/mycontroller/myaction".
What causes this routing problem?

Dave Alperovich · Accepted Answer · 2013-02-13 12:36:09Z

3

This can't work. Razor syntax render's before the html page reaches the browser. Javascript executes after.

So, you are trying to populate step 1 with step 2.

   function MyFun(action, param){          
       Windows.Location ="/MyController/" + action + "?param1=" + param;
    }

edited Feb 13, 2013 at 12:36

answered Feb 13, 2013 at 4:00

Dave Alperovich

32.6k8 gold badges82 silver badges101 bronze badges

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

3 Comments

Dave Alperovich Over a year ago

@Don, I looked at your example, and you are using "Windows.Location.href ="MyController/MyAction". That is not the same as "Windows.Location ="/MyController/MyAction" note that adding a leading '/' and removing 'href' should lead the MVC framework to use the web site root

Don Over a year ago

Thanks for your reply. That did not solve my problem. It returns "myserver/mycontroller/myaction" without "/myapplicaiton" after deployed to a server. It works in Visual Studio 2010 but not after deployed.

Dave Alperovich Over a year ago

@Don, are you using any special routes? if so, please include them in your answer. Otherwise, I recommend using a redirect action method to which you will pass the action and controller

Cris · Accepted Answer · 2013-02-13 03:59:20Z

2

Try this code instead

   function MyFun(action, param){          
       Windows.Location.href ="/MyController/" + action + "?param1=" + param;
    }

answered Feb 13, 2013 at 3:59

Cris

13.4k5 gold badges37 silver badges51 bronze badges

5 Comments

Don Over a year ago

That is what I am using. But this way can not correctly resolve my web site root. I want a way similar to URL.Content("~/") to get a correct path.

Cris Over a year ago

try using "~/MyController/" + action + "?param1=" + param

Dave Alperovich Over a year ago

@Don, I admire your urge to follow Best Practice, but you can't dynamically use Url.Content. All Razor syntax is pre-rendered before JS can launch. But, even though it's not best practice, don't fear using simple string path. Dynamic behavior like this requires bending convention a little.

Dave Alperovich Over a year ago

@Don, I think IC, you need a way to resolve relative root. Is the MVC routing engine falling short for you?

Don Over a year ago

@Dave A, You are right. I don't know how to make the routing work. I added information to my question. Thanks

felickz · Accepted Answer · 2013-02-13 15:32:06Z

0

You cannot dynamically add razor code to a view once the code leaves the server... Razor is not compiled on the client browser.

You might use jQuery and make an $.ajax() call up to a Controller/Action which has the sole purpose of returning you a url:

public ActionResult GenerateUrlFromRoutingEngine(string ControllerName, string ActionName, string RouteValues) 
{
    var ctx = new HttpContextWrapper(HttpContext.Current);
    UrlHelper helper = new UrlHelper(
                           new RequestContext(ctx,
                           RouteTable.Routes.GetRouteData(ctx));
    var returnUrl = helper.Action(ControllerName,ActionName, RouteValues); //TODO: transform RouteValues to RouteValuesDictionary
    return Content(returnUrl);
}

In the $.ajax callback, set Windows.Location.href = response; (put this javascript on a razor .cshtml file or find a way to pass in the URL intuitively.)

function MyFun(action, param){
    $.ajax({
            type: "POST", 
            url: "@{Html.RouteLink("GenerateUrlFromRoutingEngine", "MyController")}",
            data: { ControllerName: 'MyController', ActionName: action, RouteValues: param },
            dataType: "text",
            success: function(response) { Windows.Location.href = response; }
            }
}

edited Feb 13, 2013 at 15:32

answered Feb 13, 2013 at 4:02

felickz

4,4913 gold badges35 silver badges41 bronze badges

1 Comment

Don Over a year ago

using Ajax is definitely a good idea. I am rushing to finish using regular javascript. I will try your way later. Thanks

Don · Accepted Answer · 2013-02-14 03:04:43Z

0

I ended up with a function to get the entire url -

function FullURL(){

var app = "<%=HttpRuntime.AppDomainAppVirtualPath.ToString()%>";

if (app == "/")
    app = "";

return location.protocol+'//'+location.hostname+(location.port ? ':'+location.port: '') + app;

}

And then call it from -

 function MyFun(action, param){          
       Windows.Location =FullURL() + "/MyController/" + action + "?param1=" + param;
    }

answered Feb 14, 2013 at 3:04

Don

1,5724 gold badges27 silver badges51 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC RouteUrl with dynamic action

4 Answers 4

3 Comments

5 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

5 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related