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
– Patrick J Collins, Commented Nov 30, 2012 at 16:36

radbyx · Accepted Answer · 2015-06-10 09:48:46Z

46

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, 2015 at 9:48

radbyx

9,72022 gold badges93 silver badges133 bronze badges

answered Mar 17, 2011 at 9:03

Peter Porfy

9,0603 gold badges33 silver badges41 bronze badges

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

6 Comments

Antony Blazer Over a year ago

try this in IE? I have a problem with window.location.href

Peter Porfy Over a year ago

which version? In IE6 it doesn't work, but IE6 is not a browser anymore.

Antony Blazer Over a year ago

Sorry, i forgot that i didn't use this in ie because i need to know url referrer.

Arkiliknam Over a year ago

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.

Peter Porfy Over a year ago

@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";

|

yojimbo87 · Accepted Answer · 2011-03-17 09:11:59Z

37

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, 2011 at 9:11

yojimbo87

68.8k26 gold badges128 silver badges133 bronze badges

2 Comments

Alen Siljak Over a year ago

This works only if your web application is in the root of the site, though.

Verbe Over a year ago

Thumbs up for the asp routing-way

RJB · Accepted Answer · 2013-02-13 22:37:51Z

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, 2013 at 22:37

RJB

2,1035 gold badges32 silver badges35 bronze badges

2 Comments

camainc Over a year ago

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.

Dovlet Mamenov Over a year ago

You can put link to your action inside a View inside <script> tags use global variable var LoadNewDocURL = '@Url.Action("Edit", "SaleDocuments")'; Then add your params to this variable.

wassertim · Accepted Answer · 2011-03-17 11:34:01Z

12

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.

edited Mar 17, 2011 at 11:34

answered Mar 17, 2011 at 11:20

wassertim

3,1462 gold badges26 silver badges39 bronze badges

Comments

Akhileshkumar singh · Accepted Answer · 2021-04-26 11:51:27Z

12

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, 2021 at 11:51

Akhileshkumar singh

1,5322 gold badges10 silver badges21 bronze badges

answered Apr 1, 2015 at 20:18

Chris M.

6266 silver badges11 bronze badges

Comments

Jim Sims · Accepted Answer · 2016-09-28 21:39:45Z

3

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")';
    }
}

answered Sep 28, 2016 at 21:39

Jim Sims

313 bronze badges

Comments

Yannick · Accepted Answer · 2018-11-26 15:38:50Z

3

(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";

edited Nov 26, 2018 at 15:38

Yannick

8438 silver badges17 bronze badges

answered Nov 26, 2018 at 15:18

Krisi Suci

1391 silver badge4 bronze badges

Comments

Fourj · Accepted Answer · 2011-03-17 09:00:39Z

1

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

answered Mar 17, 2011 at 9:00

Fourj

1,9371 gold badge18 silver badges34 bronze badges

Comments

Post Impatica · Accepted Answer · 2022-07-20 15:55:13Z

0

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>

edited Jul 20, 2022 at 15:55

answered Jul 20, 2022 at 15:11

Post Impatica

16.7k11 gold badges73 silver badges86 bronze badges

Collectives™ on Stack Overflow

How to redirect to action from JavaScript method?

9 Answers 9

6 Comments

2 Comments

2 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

9 Answers 9

6 Comments

2 Comments

2 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related