How can I log AJAX responses in JavaScript?

How can I log AJAX responses in JavaScript?

You can log AJAX responses by using the console.log() method inside the success callback of your AJAX request.

Can you show me a code example?

Sure! Here's a simple example using jQuery:

$.ajax({
    url: 'https://api.example.com/data',
    method: 'GET',
    success: function(response) {
        console.log(response);
    },
    error: function(error) {
        console.error('Error:', error);
    }
});

What if I'm using Fetch API instead?

With the Fetch API, you can log the response like this:

fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error('Error:', error));

Is there a way to log all AJAX requests globally?

Yes, you can override the XMLHttpRequest prototype to log all requests. Here's an example:

(function() {
    const originalOpen = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function() {
        this.addEventListener('load', function() {
            console.log('Response:', this.responseText);
        });
        originalOpen.apply(this, arguments);
    };
})();