How to redirect to action from JavaScript method?

Question

I have an input type="button"

<input type="button" name="DeleteJob" runat="server" value="Löschen" onclick="DeleteJob()" />

and JavaScript method:

function DeleteJob() {

    if (confirm("Do you really want to delete selected job/s?"))
        return true;
    else
        return false;
}

How can I instead return true, redirect to Action DeleteJob?

[HttpGet]
public ActionResult DeleteJob(string selectedObject)
{
    return View();
}

Http Get is meant to be idempotent. You should be using a Post or a Delete instead. — Patrick J Collins, Nov 30 '12 at 16:36

score 45 · Accepted Answer · edited Jun 10 '15 at 09:48

45

To redirect:

function DeleteJob() {
    if (confirm("Do you really want to delete selected job/s?"))
        window.location.href = "your/url";
    else
        return false;
}

edited Jun 10 '15 at 09:48

radbyx

9,352
21
84
127

answered Mar 17 '11 at 09:03

Peter Porfy

8,921
3
31
41

try this in IE? I have a problem with window.location.href – Antony Blazer Mar 17 '11 at 15:50
10

which version? In IE6 it doesn't work, but IE6 is not a browser anymore. – Peter Porfy Mar 17 '11 at 16:12
Sorry, i forgot that i didn't use this in ie because i need to know url referrer. – Antony Blazer Mar 18 '11 at 12:29
2

Although IE6 is not a browser anymore, its a pity many large companies still use it and require it to work with in house applications. – Arkiliknam Jun 11 '12 at 15:12
@PeterPorfy In addition to your answer, what would you do to **send some get/post parameter** to it as well – Sumit Ramteke Feb 18 '14 at 07:31
1

@sumitramteke you cannot create a post request like this (this is actually rewriting the browser location which will result in a get request) but you can easily add get parameters: window.location.href = "your/url?key=value"; – Peter Porfy Feb 18 '14 at 07:50

score 36 · Answer 2 · answered Mar 17 '11 at 09:11

36

function DeleteJob() {
    if (confirm("Do you really want to delete selected job/s?"))
        window.location.href = "/{controller}/{action}/{params}";
    else
        return false;
}

answered Mar 17 '11 at 09:11

yojimbo87

65,684
25
123
131

3

This works only if your web application is in the root of the site, though. – Alen Siljak Dec 06 '12 at 16:38
Thumbs up for the asp routing-way – Verbe Mar 07 '17 at 18:48

score 17 · Answer 3 · answered Feb 13 '13 at 22:37

17

I wish that I could just comment on yojimbo87's answer to post this, but I don't have enough reputation to comment yet. It was pointed out that this relative path only works from the root:

        window.location.href = "/{controller}/{action}/{params}";

Just wanted to confirm that you can use @Url.Content to provide the absolute path:

function DeleteJob() {
    if (confirm("Do you really want to delete selected job/s?"))
        window.location.href = '@Url.Content("~/{controller}/{action}/{params}")';
    else
        return false;
}

answered Feb 13 '13 at 22:37

RJB

2,063
5
29
34

6

This only works if the Javascript function is embedded in the View itself, right? It won't work if your Javascript is located in a separate file. – camainc Nov 14 '13 at 20:04
You can put link to your action inside a View inside – Dovlet Mamenov Nov 01 '16 at 05:07

wassertim · Answer 4 · 2011-03-17T11:34:01.960

Maybe better to make an anchor with DeleteJob url instead of button?

<a href="<%=Url.Action("DeleteJob", "YourController", new {selectedObject="someObject"})%>" onclick="return DeleteJob()">Löschen</a>

and use your javascript you wrote already:

function DeleteJob() {

        if (confirm("Do you really want to delete selected job/s?"))
            return true;
        else
            return false;
    }

So if function return true - you will be redirected. If function return false - you still stay on the page.

score 11 · Answer 5 · edited Apr 26 '21 at 11:51

11

Use the @Url.Action method. This will work and determines the correct route regardless of what IIS server you deploy to.

Example-

window.location.href="@Url.Action("Action", "Controller")";

so in the case of the Index action on the Home controller -

window.location.href="@Url.Action("Index", "Home")";

edited Apr 26 '21 at 11:51

THE LIFE-TIME LEARNER

1,476
1
8
18

answered Apr 01 '15 at 20:18

Chris M.

608
6
10

score 3 · Answer 6 · answered Sep 28 '16 at 21:39

I struggled with this a little because I wanted to use Knockout to bind the button to the click event. Here's my button and the relevant function from inside my view model.

<a class="btn btn-secondary showBusy" data-bind="click: back">Back to Dashboard</a>

var vm = function () {
...
    self.back = function() {
        window.location.href = '@Url.Action("LicenseDashboard", "Application")';
    }
}

score 3 · Answer 7 · edited Nov 26 '18 at 15:38

(This is more of a comment but I can't comment because of the low reputation, somebody might find these useful)

If you're in sth.com/product and you want to redirect to sth.com/product/index use

window.location.href = "index";

If you want to redirect to sth.com/home

window.location.href = "/home";

and if you want you want to redirect to sth.com/home/index

window.location.href = "/home/index";

score 1 · Answer 8 · answered Mar 17 '11 at 09:00

1

Youcan either send a Ajax request to server or use window.location to that url.

answered Mar 17 '11 at 09:00

Fourj

1,817
1
18
34

Post Impatica · Answer 9 · 2022-07-20T15:55:13.780

Here is another way. It isn't really that useful but showing for completeness:

Handle all your logic in your imported javascript file

function someFunction(){
  var x = $('#whoknows').val();
  var y = something;
  values = {
   property1 = x;
   property2 = y;
  };
  save(values);  <--- call the method in the view here
}

Then ONLY do the actual call to the controller from your view:

<script type="text/javascript">
    function save(values) {
        var url = '@Url.Action("SomeAction", "SomeController", new { _values_ = 1 })'
            .replace('_values_=1', new URLSearchParams(values));
        window.location.href = url;
    }
</script>

How to redirect to action from JavaScript method?

9 Answers9

Linked