jQuery.ajax() log the HTTP request

Question

I have a function that sends an HTTP POST request and i want to log it for debugging purposes. Here is the function:

function serverRequest(URL, DATA, callback) {
    $.ajax({
        url: URL,
        type: "POST",
        dataType: "text",
        contentType: "text/xml",
        processData: false,
        data: DATA,
        success: function (response) {
            console.log(response);
            callback(response);
        },
        error: function (response) {
            console.log(response);
            callback(null);
        }
    });
}

How can i log the whole HTTP POST request (HTTP Header + data), as soon as it is send?

Thanks.

Answer 1

Look for the tab "Network" (not the Console tab) on your Developer Tools (Ctrl+Shift+J) if you are using Chorme, or anythig similar if you are using another browser.

Even after that, if you want to log the XHtmlRequest, you can always do (if your browser supports console.log):

var xhr = $.ajax(...);
console.log(xhr);

Hope I've helped.