Redirect to another view using ajax call in mvc

Question

I have a registration form and on successful registration, it redirects to another view. I use a submit button to insert datas to database, I want to clear the values in the current view and redirect the user to logon page in another view under same controller. The submit type is not performing the action mentioned in jquery.Please help me

here is my code preview

Account/register

Account/logon

 Accountcontroller.cs
      [HttpPost]
     public ActionResult Register(RegisterModel model, FormCollection form)
      {
           try {
                ---code
               }
           catch {
           }
      }

register.cshtml
     @using (Html.BeginForm("Register", "Account", FormMethod.Post, new { id = "accForm"      }))    
           {
             @html.textboxfor(.....)
             @html.textboxfor(.....)
             @html.textboxfor(.....)
             @html.textboxfor(.....)
                    ....
          <input type="submit" value="CreateAccount" class="buttonclass"               title="CreateAccount" ; onclick="SaveUser(this);" 

             }

    function SaveUser(btnClicked) {
           alert("clear");
           document.getElementById("regname").value = '';
           document.getElementById("regusername").value = '';
           document.getElementById("regemail").value = '';
           document.getElementById("regpassword").value = '';


           document.getElementById("regpassword2").value = '';

           $.ajax({
                   url: window.location.pathname + '/Account/Logon',

                   type: 'GET',
               })
               .success(function (result) {
                    alert("user saved successfully");
                     });

UPDATE:

   function SaveUser(btnClicked) {

       document.getElementById("regname").value = '';
       document.getElementById("regusername").value = '';
       document.getElementById("regemail").value = '';
       document.getElementById("regpassword").value = '';
       document.getElementById("regpassword2").value = '';
       alert('clear');
   $.ajax({


          type: "POST",
           url:  window.location.pathname + "Account/Register",

           success: function (response) {
               $.ajax({
                   url: window.location.pathname + '/Account/Logon',
                   type: 'GET',
               })
        .success(function (result) {
            alert("user saved successfully");

            // window.location ="";
        });
           },
           error: function (xhr, status, error) {
               alert("Failed");
           }
       });
}

I'm getting a Failed alert. Please help

I'm not gettin redirected as submit button does insert the datas to the database. but I'm not getting redirected to logon page after inserting the user — gs11111, Aug 07 '13 at 09:01
Just Replace the " url: window.location.pathname + '/Account/Logon' " into " url: '@Url.Action( "Register", "Account")' " — Arun Manjhi, Aug 09 '13 at 05:23

score 1 · Answer 1 · answered Aug 07 '13 at 08:55

1

If you want to Redirect Page on SuccessFull login then write the redirect code on Success (ajax success). Exp:

$.ajax({
        url: window.location.pathname + '/Account/Logon',
        type: 'GET',
         })
         .success(function (result) {
                    alert("user saved successfully");

         // window.location ="";
          });

answered Aug 07 '13 at 08:55

Arun Manjhi

175
9

Just Replace the " url: window.location.pathname + '/Account/Logon' " into " url: '@Url.Action( "Register", "Account")' " – Arun Manjhi Aug 09 '13 at 05:22

score 0 · Answer 2 · edited May 23 '17 at 12:22

What Arun posted does totally work. But you have also to maintain the URL's in your client site code.

Another way would be to find out in your controller if the request which was posted is an AjaxRequest. If so and some conditions apply you could redirect or even send a partial back to the client.

One way to find out if an request is an AjaxRequest with MVC 4 is

new HttpRequestWrapper(System.Web.HttpContext.Current.Request).IsAjaxRequest()

or parse the requests headers for the ajax properties.

This is also a SO question about detecting an Ajax Request Detecting IsAjaxRequest() with ASP.NET MVC and JQuery Form Plugin / File Upload

OK if you look into posting ajaxy stuff in ASP.NET MVC with compiled routing...

$.ajax({
        url: '@Url.Action( "Register", "Account")',
        data: {model:JSON.stringify(inputs)},
        type: 'POST',

or for form collections

$.ajax({
    url: '@Url.Action( "Register", "Account")',
    data: {col :$("form_id").serialize()},
    type: 'POST',

...

use @URL.Action helper in your views. Now when Register receives an ajax request handle the redirect logic on the server ...

My problem is I don use ajax request in my controller. – gs11111 Aug 07 '13 at 09:11 — gs11111, Aug 07 '13 at 09:11

Redirect to another view using ajax call in mvc

2 Answers2