Java Script / jQuery - How to redirect to another page

Question

I have an MVC 5/C# application. I have a button on a form that allows the user to delete a record from the DB. When clicked the button calls the JS function below. The HTML that allows the user to delete the current row is:

 <a class="btn btn-default" href="javascript:DeleteLocation(@Model.RowId);">Delete</a>

The JS function looks as follows:

function DeleteLocation(rowId) {
            var url = "/UserLocation/Delete";
            var redirectUrl = "/UserLocation/Index"

            $.get(url, { rowId: rowId }, function () {
                $.get(redirectUrl);
                });
        }

My C# Delete method looks as follows:

[Authorize]
public void Delete(int rowId)
{
    UserLocationData userLocationData = new UserLocationData();
    userLocationData.Delete(rowId);
}

Half of this is working perfectly. My C# method is getting called when the user clicks the button. However, after the delete, the page I want to redirect to isn't getting displayed. I tried putting a RedirectToAction in the C# method but that didn't work either. I don't have a large amount of experience with JS or jQuery so it's quite possible my JS is just wrong. Or there could be a much better way to do this.

use window.location

Tamil Selvan C
– Tamil Selvan C

2014-04-06 16:23:07 +00:00
Commented Apr 6, 2014 at 16:23 — Tamil Selvan C
– Tamil Selvan C, Commented Apr 6, 2014 at 16:23
You're not doing anything with the result of your $.get

Paul S.
– Paul S.

2014-04-06 16:23:35 +00:00
Commented Apr 6, 2014 at 16:23 — Paul S.
– Paul S., Commented Apr 6, 2014 at 16:23

Community · Accepted Answer · 2017-05-23 10:26:03Z

5

window.location should be used to send the user to another page.

window.location.replace("http://yourwebsite.com");

More details here

edited May 23, 2017 at 10:26

CommunityBot

11 silver badge

answered Apr 6, 2014 at 16:25

Brad Faircloth

3271 silver badge7 bronze badges

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

1 Comment

Brad Faircloth Over a year ago

replace removes the current page from browser history and prevents the use of the back button to return. That is useful if you want to prevent a double post. Considering that you are deleting something from a database, replace seems like the best approach.

VtoCorleone · Accepted Answer · 2014-04-06 16:30:30Z

1

Use window.location

window.location = redirectUrl;

answered Apr 6, 2014 at 16:30

VtoCorleone

17.2k5 gold badges40 silver badges52 bronze badges

Collectives™ on Stack Overflow

Java Script / jQuery - How to redirect to another page

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related