Call MVC method from webpage in javascript

Question

I currently have an ASP.NET MVC app and on one page I have the following Ajax call:

$.ajax({
        url: "/Home/GetAuthCode/",
        type: "GET",
        contentType: 'application/json',

        success: function () {
        }
    });

This calls an ActionResult method in my ASP app:

public ActionResult GetAuthCode()
    {
        //Do Stuff
        Return View();
    }

I would like it to navigate to the view once the method has 'Done Stuff' however it doesnt return to the view but returns to the ajax call once completed.

How can I call the method from the webpage and allow it to redirect to the specified view as the ajax call does not seem to do it.

does your view with name GetAuthCode exists and try setting contentType:html. Additionally you can set window.location.href = '/Home/GetAuthCode/' in your ajax success. — Rohit416
– Rohit416, Commented Apr 3, 2014 at 11:09
This is not correct. That means that GetAuthCode will be called twice and it could easily contain functionality you do not want to occur twice. — Christian Duvall
– Christian Duvall, Commented Apr 3, 2014 at 11:13

markpsmith · Accepted Answer · 2014-04-03 11:10:45Z

1

If you really need to do the redirection in javascript, then use:

window.location.href = '/Home/GetAuthCode/';

answered Apr 3, 2014 at 11:10

markpsmith

4,9182 gold badges38 silver badges65 bronze badges

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

4 Comments

brian4342 Over a year ago

Excellent thats exactly what I needed, I have to wait 5 mins then i can accept your answer :)

Christian Duvall Over a year ago

Do not do this in the scope of the AJAX success call please.

brian4342 Over a year ago

@ChristianDuvall with this code I wont need the ajax call at all anymore

Christian Duvall Over a year ago

Precisely, so why use JavaScript at all? Why not just route with a link?

Christian Duvall · Accepted Answer · 2014-04-03 11:09:10Z

0

If you are trying to navigate to a new page, then don't use the AJAX call at all, just create a route and go to it.

<a href="/Home/GetAuthCode">I just did something and went to the returned view.</a>

answered Apr 3, 2014 at 11:09

Christian Duvall

4092 silver badges10 bronze badges

2 Comments

brian4342 Over a year ago

And how would I call that using javascript? Could you put your example into a javascript function?

Christian Duvall Over a year ago

Why do you want do use javascript? It's a simple navigation. The point of calling something with AJAX is that you do not want to route away, you want to take action then make some dynamic change within the site itself.

SivaRajini · Accepted Answer · 2014-04-03 11:15:53Z

0

You can simply redirect in success function of ajax

$.ajax({
        url: "/Home/GetAuthCode/",
        type: "Post",


        success: function (data) {
window.location.href= data.Url;

        }
    })

in controller

public ActionResult GetAuthCode()
    {
        //Do Stuff
        return Json(new { Url = "urlsing"});
    }

answered Apr 3, 2014 at 11:15

SivaRajini

7,43522 gold badges84 silver badges129 bronze badges

Comments

Jeyhun Rahimov · Accepted Answer · 2014-04-03 11:16:32Z

0

$.ajax({
         url: '@Url.Action("GetAuthCode", "Home")',
         data: { },
         type: "GET",
         contentType: 'application/json',
         success: function () 
         {
            if(result.yourValidationIsOk)
            {
                document.location.href = '@Url.Action("RedirectAction", "Home")';
            }
            else
            {
                alert("error occured");
            }
         }
      });

answered Apr 3, 2014 at 11:16

Jeyhun Rahimov

3,7976 gold badges49 silver badges94 bronze badges

Collectives™ on Stack Overflow

Call MVC method from webpage in javascript

4 Answers 4

4 Comments

2 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

2 Comments

Comments

Comments

Related