Add if else function in Ajax Jquery function

Question

Is it possible to add other else function in my JS like this: ?

if response == success redirect to home
if response == failed redirect to failed

$.ajax({
    type: "POST",
    url: action,
    data: form_data,
    success: function(response) {
        if (response == 'success') 
            window.location.replace("home");
        else 
            $("#message").html("<div class='error_log'><p class='error'>Invalid username and/or password.</p></div>");
    }
});

gdoron · Accepted Answer · 2012-10-12 03:36:53Z

9

success: function(response) {
    if (response == 'success') 
        window.location.replace("home");
    else if (response == "failed") 
        window.location.replace("failed");
    else 
        $("#message").html("<div class='error_log'><p class='error'>Invalid username and/or password.</p></div>");
}

Or you meant this:

$.ajax({
    type: "POST",
    url: action,
    data: form_data,
    error: function() {
        window.location.replace("Failed");
    },
    success: function(response) {
        if (response == 'success') 
            window.location.replace("home");
        else 
            $("#message").html("<div class='error_log'><p class='error'>Invalid username and/or password.</p></div>");
    }
});

answered Oct 12, 2012 at 3:36

gdoron

151k59 gold badges302 silver badges376 bronze badges

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

8 Comments

David John Welsh Over a year ago

I think that success is deprecated in favour of done api.jquery.com/jQuery.ajax

gdoron Over a year ago

@DavidJohnWelsh. Hell no! Why do you think so?

gdoron Over a year ago

@DavidJohnWelsh You probably meant this: Deprecation Notice: The jqXHR.success(), jqXHR.error(), and jqXHR.complete() callbacks will be deprecated in jQuery 1.8. To prepare your code for their eventual removal, use jqXHR.done(), jqXHR.fail(), and jqXHR.always() instead. It applies only for the jqXR obect returen by ajax, not to the success and error properties.

David John Welsh Over a year ago

I guess I misunderstand the difference... so success : function (data) {} != .done(function(data) {})? I thought they performed the same function :-/

David John Welsh Over a year ago

Never mind, I got it... stackoverflow.com/questions/8840257/…

|

Praveen Kumar Purushothaman · Accepted Answer · 2012-10-12 03:38:53Z

2

Use this:

$.ajax({
    type: "POST",
    url: action,
    data: form_data,
    success: function(response)
    {
        if (response == 'success')
            window.location.replace("home");
        else if (response == 'failure')
        {
            $("#message").html("<div class='error_log'><p class='error'>Invalid username and/or password.</p></div>");
            window.location.replace("failed");
        }
    }
});

answered Oct 12, 2012 at 3:38

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

Comments

bhb · Accepted Answer · 2012-10-12 03:54:09Z

0

You can also do something like this

$.ajax( "example.php" )
   .done(function(msg) { 
      alert("success");
      if(msg == "success") ...
      else ... 
   })
   .fail(function() { alert("error"); });

Remember this is only for >jQuery-1.8

edited Oct 12, 2012 at 3:54

answered Oct 12, 2012 at 3:45

bhb

2,5914 gold badges21 silver badges32 bronze badges

1 Comment

Praveen Kumar Purushothaman Over a year ago

This doesn't work, as the response is always success but based on the response, you need to execute something.

Collectives™ on Stack Overflow

Add if else function in Ajax Jquery function

3 Answers 3

8 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related