Как получить тело запроса в событии onload?

Question

[pomozov]

Пишу функцию для перехвата всех успешных АЯКС запросов. Но никак не могу понять ,как мне получить содержимое тела запроса. Пытался вот так, но не работает.

(function(send) {
    XMLHttpRequest.prototype.send = function (request) { 
		this.addEventListener('load', function (request) {
			if (this.responseURL.indexOf(location.origin) == 0) {
				console.log(request);	        
	        };
		});
		send.apply(this, arguments);
    }
})(XMLHttpRequest.prototype.send)

Answer 1

[zkrvndm]

var original = {
	open: XMLHttpRequest.prototype.open,
	send: XMLHttpRequest.prototype.send
};

XMLHttpRequest.prototype.open = function (method, url, async, user, password) {
	console.log('Параметры запроса:', [method, url, async, user, password]);
	return original.open.call(this, method, url, async, user, password);
};

XMLHttpRequest.prototype.send = function (data) {
	console.log('Тело запроса:', data);
	return original.send.call(this, data);
};

Comments

[pomozov]

А есть вариант получить одновременно урл запроса, тело запроса и ответ?

[zkrvndm]

pomozov, попробуй так:

var original = {
	send: XMLHttpRequest.prototype.send
};

XMLHttpRequest.prototype.send = function (data) {

	this.addEventListener('readystatechange', function() {
	
		if (this.readyState === XMLHttpRequest.DONE && this.status === 200 && data) {
		
			console.log('Обнаружен успешный запрос:');
			
			var post_params = {
				'Адрес запроса': this.responseURL,
				'Ответ сервера': this.response,
				'Тело запроса': data
			};
			
			console.dir(post_params);
			
		}
		
	});
	
	return original.send.call(this, data);
	
};