current community

your communities

more stack exchange communities

company blog
Stack Exchange Inbox Reputation and Badges
tour help
stack overflow careers
Sign up ×
Stack Overflow is a community of 4.7 million programmers, just like you, helping each other. Join them; it only takes a minute:
up vote 25 down vote favorite
18

I want to redirect from one page to another page in ASP.NET MVC 3.0 using JavaScript/jQuery/Ajax. On button click event I have written JavaScript code like below.

function foo(id)
{
    $.post('/Branch/Details/' + id);
}

My controller code is like this:

public ViewResult Details(Guid id)
{
     Branch branch = db.Branches.Single(b => b.Id == id);
     return View(branch);
}

When I click on a button it is calling the Details action inside BranchController, but it doesn't return to the Details view.

I didn't get any error or exception. It's showing status 200 OK in Firebug. What is wrong in my code and how can I redirect to the Details view page?

share|improve this question

4 Answers 4

up vote 51 down vote accepted

You are not subscribing to any success callback in your $.post AJAX call. Meaning that the request is executed, but you do nothing with the results. If you want to do something useful with the results, try:

$.post('/Branch/Details/' + id, function(result) {
    // Do something with the result like for example inject it into
    // some placeholder and update the DOM.
    // This obviously assumes that your controller action returns
    // a partial view otherwise you will break your markup
});

On the other hand if you want to redirect, you absolutely do not need AJAX. You use AJAX only when you want to stay on the same page and update only a portion of it.

So if you only wanted to redirect the browser:

function foo(id) {
    window.location.href = '/Branch/Details/' + id;
}

As a side note: You should never be hardcoding urls like this. You should always be using url helpers when dealing with urls in an ASP.NET MVC application. So:

function foo(id) {
    var url = '@Url.Action("Details", "Branch", new { id = "__id__" })';
    window.location.href = url.replace('__id__', id);
}
share|improve this answer
1  
Thank you @Darin. I am using url helper as you suggested but its error on page because url is something like this localhost/… How to get proper Url from this helper. – user946393 Nov 16 '11 at 8:40
4  
@Sharad, is this in a separate javascript file? If it is you cannot use url helpers in it. You could define url as a global variable inside your view: <script type="text/javascript">var url = '@Url.Action("Details", "Branch", new { id = "__id__" })';</script>. And then you can use it in your separate javascript file. – Darin Dimitrov Nov 16 '11 at 8:42
1  
yes this is in a seperate JS file. I placed it in master page and now its working. Thanks a lot @Darin. – user946393 Nov 16 '11 at 8:49
1  
+1. last approach is awesome. thanks. – Jhoon Bey Dec 14 '13 at 15:13
    
Doesn't a windows.location.href do a GET? If so, the original question is trying to do a POST. I'm surprised this was marked as answered because there is a large difference between the two. – Sailing Judo Jun 15 at 3:20
up vote 17 down vote

This could be done by using a hidden variable in the view and then using that variable to post from the JavaScript code.

Here is my code in the view

@Html.Hidden("RedirectTo", Url.Action("ActionName", "ControllerName"));

Now you can use this in the JavaScript file as:

 var url = $("#RedirectTo").val();
 location.href = url;

It worked like a charm fro me. I hope it helps you too.

share|improve this answer
    
For my situation this answer is superior, because I wanted to grab the Primary Key from the Model (i.e. Model.WorkFlowID) to include into the redirection. Like this: @Html.Hidden("RedirectTo",Url.Action("ActionName","ControllerName", Model.WorkFlowID)); – glenn garson Apr 24 at 17:25
    
rather: @Html.Hidden("RedirectTo",Url.Action("Edit","WorkFlows",new { id = Model.WorkFlowID })); – glenn garson Apr 24 at 17:41
up vote 6 down vote

You can use:

window.location.href = '/Branch/Details/' + id;

But your Ajax code is incomplete without success or error functions.

share|improve this answer
up vote 1 down vote 
<script type="text/javascript">
    function lnkLogout_Confirm()
    {
        var bResponse = confirm('Are you sure you want to exit?');

        if (bResponse === true) {
            ////console.log("lnkLogout_Confirm clciked.");
            var url = '@Url.Action("Login", "Login")';
            window.location.href = url;
        }
        return bResponse;
    }

</script>
share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.