jquery ajax http status code

Question

I am changing my scripts to jquery at the moment. This is my old javascript:

var request = (window.XMLHttpRequest) ? new XMLHttpRequest() : (window.ActiveXObject ? new window.ActiveXObject("Microsoft.XMLHTTP") : false);
request.open("GET", url, true);
request.onreadystatechange = updatePage;
request.send(null);

function updatePage() {
        if (request.readyState == 4) {
                if (request.status == 200) {
                    var response = request.responseText;
                    doSomething();
                } else if (request.status == 304) {
                    doSomethingElse();
                } else {
                }
        }
}

I now want to change this to jquery-ajax:

request = $.ajax({
    type: "GET",
    url: url,
    data: data,
    success: updatePage
});

How can I test for the status code (and the responseText) returned by the request, like I did in my old script?

Sanghyun Lee · Accepted Answer · 2015-09-01 03:33:02Z

21

try this:

request = $.ajax({
    type: "GET",
    url: url,
    data: data,
    statusCode: {
      200: function() {
        doSomething();
       },
      304:function(){
        doSomethingElse();
       }
     }
});

or:

request = $.ajax({
    type: "GET",
    url: url,
    data: data,
    complete: function(e, xhr, settings){
       if(e.status === 200){

       }else if(e.status === 304){

       }else{

       }
    }
});

edited Sep 1, 2015 at 3:33

Sanghyun Lee

23.4k19 gold badges106 silver badges127 bronze badges

answered Oct 6, 2012 at 12:07

mgraph

15.3k4 gold badges43 silver badges76 bronze badges

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

7 Comments

Zulakis Over a year ago

See my edit above, I really need the status code. Sorry if I didn't point that out correctly before.

Zulakis Over a year ago

How am I going to get the responseText now?

mgraph Over a year ago

@Zulakis 200: function(dataText) { or complete:...text = e.responseText

Zulakis Over a year ago

Hmm, i tried

statusCode: {       200: function() {         alert('Status 200');        },       304: function(){         alert('Status 304');        }      }

but it is always alerting 'Status 200' even though I can clearly see that the Status is 304 in firebug.

Zulakis Over a year ago

Same with

complete: function(e, xhr, settings){        if(e.status === 200){ 			alert('Status 200');        }else if(e.status === 304){ 			alert('Status 304'); 	   } 	}

. Always alerts Status 200.

|

techie_28 · Accepted Answer · 2012-10-06 12:09:29Z

1

You need to just bind this request to an event like button click or something Like

$('#btn').click({function(){
$.ajax({
    type: "GET",
    url: url,
    data: data,
    success: updatePage
});
});

You dont need to really keep this request against a variable as jQuery ajax has a success callback which will help you to execute post success code

answered Oct 6, 2012 at 12:09

techie_28

2,1454 gold badges44 silver badges65 bronze badges

3 Comments

techie_28 Over a year ago

@Zulakis It also has a before handler which can handle your code before execution and success call back will handle after the execution.You still need other statuses?

Zulakis Over a year ago

Yes i need the other statuses as you can see in my question.

Zulakis Over a year ago

And I downvoted this because I was clearly asking for the status code in my question... Feel free to provide a answer to my question and I'm going to upvote you.

Collectives™ on Stack Overflow

jquery ajax http status code

2 Answers 2

7 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related