CODEWITHSUNDEEP
javascriptjqueryajax
zozo
zozo

Reputation: 8582

jquery ajax does not send request

I have a problem with the following code.

var sendJson = (JSON.stringify(comanda));

$.ajax({
    url: 'sendMail.php',
    type : "post",
    data: sendJson,
    success: function(data){
        alert("Comanda dumneavoastra a fost trimisa");
    }
});

Seems like data is not sent.... any idea why?

Ok... I know nothing is sent because I monitor requests with firebug. I get no errors, nothing in console. Checked if it is activated, it is.

Upvotes: 1

Views: 6460

Answers (1)

MilkyWayJoe
MilkyWayJoe

Reputation: 9092

Here's what I meant with my comment:

var sendJson = (JSON.stringify(comanda));

$.ajax({
    url: '/resource_url_goes_here',
    type : 'POST',
    data: sendJson,
    success: function(data){
        /* implementation goes here */ 
    },
    error: function(jqXHR, textStatus, errorThrown) { 
        /* implementation goes here */ 
    }
});

Note that the ajax request has an error callback now. All requests should have an error callback so you can easily identify when errors are happening (as you've seen, firebug doesn't catch everything).

Another thing that I find helpful sometimes is StatusCodes:

$.ajax({
    url: '/resource_url_goes_here',
    type : 'POST',
    data: sendJson,
    statusCode: {  
        404: function() {  
            /*implementation for HTTP Status 404 (Not Found) goes here*/
        },
        401: function() {  
            /*implementation for HTTP Status 401 (Unauthorized) goes here*/
        } 
    },
    success: function(data){
        /* implementation goes here */ 
    },
    error: function(jqXHR, textStatus, errorThrown) { 
        /* implementation goes here */ 
    }
});

This will execute a function when a specific status code is returned by the server (404 and 401 in this snippet) and you can have a specific handler for the status codes you need. You can find more about this here.

Upvotes: 7

Related Questions