Tengo este código que puse en mi consola:
XMLHttpRequest.prototype.send = function(body) { // modifies inputted request newBody = JSON.parse(body); newBody.points = 417; // sends modified request this.realSend(JSON.stringify(newBody)); }Se supone que hace los puntos 417 cada vez que envía una solicitud, pero cuando miro el cuerpo de la solicitud, todavía dice la cantidad original de puntos. ¿Alguna ayuda?
Intente agregar una alert() o una console.log() en su XMLHttpRequest.prototype.send modificado para verificar si realmente funciona. Hay una forma de evitar este tipo de modificaciones de forma silenciosa.
Como otros han notado, el error que está experimentando es difícil de diagnosticar exactamente sin ver cómo creó this.realSend .
Sin embargo, este código funcionará:
const send = XMLHttpRequest.prototype.send; XMLHttpRequest.prototype.send = function (body) { const newBody = JSON.parse(body); newBody.points = 417; send.call(this, JSON.stringify(newBody)); }; Tenga en cuenta que, en lugar de almacenar el método de send original en XMLHttpRequest.prototype , lo mantuve en una variable separada y simplemente lo invoqué con this valor correcto a través send.call() . Esto parece una implementación más limpia con menos posibilidades de conflictos con otro código.
Ver este codesandbox para un ejemplo de trabajo.
Si no se llama a su función, se utiliza una fetch posible para realizar solicitudes ajax.
Entonces puedes envolver ambas funciones, así
const send = XMLHttpRequest.prototype.send; const _fetch = window.fetch; XMLHttpRequest.prototype.send = function (body) { const newBody = JSON.parse(body); newBody.points = 417; send.call(this, JSON.stringify(newBody)); }; window.fetch = function(url, options){ let newBody; if(options.body) { newBody = JSON.parse(options.body); newBody.points = 417; options.body = JSON.stringify(newBody); } _fetch.call(this, url, options); }