8

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.

2
  • If you are using chrome or firefox you can see the request in developper tools. For chrome, just hit Ctrl+Shift+J and open the network tab. Commented Apr 2, 2014 at 13:44
  • I don't see my request. I just see in the console tab what i am logging. Isn't there any way to log the request just like i log the response? Commented Apr 2, 2014 at 13:51

1 Answer 1

15

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.

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

2 Comments

fwiw console.log(xhr); prints `[object Object]
Wrap the xhr as such JSON.stringfy(xhr) to see the plain text representation of the JSON object.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.