Javascript: доступ к сетевому соединению История XHR [дубликат]

Существует трюк.

Перед тем, как все запущенные скрипты, возьмите исходный объект XHMHttpReuqest и сохраните его в другом var. Затем переопределите исходный XMLHttpRequest и направьте все вызовы на него через свой собственный объект.

Код псевдонауки:

  var savd = XMLHttpRequest;  XMLHttpRequest.prototype = function () {this.init = function () {};  // ваш код и т. д. и т. д.};   

В дополнение к ответу meouw я должен был ввести код в iframe, который перехватывает вызовы XHR и использовал вышеупомянутый ответ. Однако мне пришлось изменить

  XMLHttpRequest.prototype.send = function () { 

To:

  XMLHttpRequest  .prototype.send = function (arguments)  

И мне пришлось изменить

  oldSend.apply (это, аргументы);   

To:

  oldSend.call (это, аргументы);   

Это было необходимо, чтобы заставить его работать в IE9 с режимом документа IE8 . Если эта модификация не была выполнена, некоторые обратные вызовы, созданные инфраструктурой компонента (Visual WebGUI), не работали. Дополнительная информация по этим ссылкам:

• Function.prototype.call
• Функция.prototype.apply

Без этих изменений ретрансляции AJAX не завершились.

Используя ответ «meouw», я предлагаю использовать следующее решение, если вы хотите увидеть результаты запроса

  function addXMLRequestCallback (callback) {var oldSend, i;  if (XMLHttpRequest.callbacks) {// мы уже переопределили send (), поэтому просто добавим обратный вызов XMLHttpRequest.callbacks.push (обратный вызов);  } else {// создать очередь обратного вызова XMLHttpRequest.callbacks = [обратный вызов];  // сохраняем native send () oldSend = XMLHttpRequest.prototype.send;  // переопределить native send () XMLHttpRequest.prototype.send = function () {// вызвать native send () oldSend.apply (это, аргументы);  this.onreadystatechange = function (progress) {for (i = 0; i & lt; XMLHttpRequest.callbacks.length; i ++) {XMLHttpRequest.callbacks [i] (прогресс);  }};  }}} addXMLRequestCallback (функция (прогресс) {if (typeof progress.srcElement.responseText! = 'undefined' & amp; & amp; progress.srcElement.responseText! = '') {console.log (progress.srcElement.responseText.length)  ;}});   

Если вам не нужно поддерживать & lt; = IE8, вы можете сделать это, что в общем случае перехватит любой AJAX по всему миру и не испортит никаких обратных вызовов и т. д., которые, возможно, были назначены любыми сторонними библиотеками AJAX. Принимаемый ответ не дает реального ответа, потому что его получают слишком рано.

  (function () {var origOpen = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function ()  {console.log ('request started!'); this.addEventListener ('load', function () {console.log ('request completed!'); console.log (this.readyState); // всегда будет 4  (ajax успешно завершен) console.log (this.responseText); // независимо от ответа}); origOpen.apply (this, arguments);};}) ();   

Еще несколько документов о том, что вы можете сделать здесь с API-интерфейсом addEventListener:

https://developer.mozilla.org/en-US/ документы / Web / API / XMLHttpRequest / Using_XMLHttpRequest # Monitoring_progress

Поскольку вы упоминаете jquery, я знаю, что jquery предлагает метод .ajaxSetup () , который устанавливает глобальные параметры ajax, которые включают триггеры событий, такие как success , error [ ! d2] и beforeSend - это то, что походит на то, что вы ищете.

  $. ajaxSetup ({beforeSend: function () {// делать что-то  до запроса пожаров}});