問題描述

我正在嘗試修改我無法修改的函數(shù)接收到的 responseText.此函數(shù)創(chuàng)建一個(gè)我可以附加到的 XMLHttpRequest，但我無法以一種允許我在原始函數(shù)接收到內(nèi)容之前修改內(nèi)容的方式包裝"responseText.

I am trying to modify the responseText received by a function that I cannot modify. This function creates a XMLHttpRequest that I can attach to, but I have been unable to "wrap" the responseText in a way that allows me to modify the content before the original function receives it.

這是完整的原始功能:

function Mj(a, b, c, d, e) {
    function k() {
        4 == (m && 'readyState' in m ? m.readyState : 0) && b && ff(b) (m)
    }
    var m = new XMLHttpRequest;
    'onloadend' in m ? m.addEventListener('loadend', k, !1)  : m.onreadystatechange = k;
    c = ('GET').toUpperCase();
    d = d || '';
    m.open(c, a, !0);
    m.send(d);
    return m
}
function ff(a) {
    return a && window ? function () {
        try {
            return a.apply(this, arguments)
        } catch(b) {
            throw jf(b),
                b;
        }
    } : a
}

我也嘗試過操縱接收函數(shù) k();試圖達(dá)到我的目標(biāo)，但由于它不依賴于傳遞給函數(shù)的任何數(shù)據(jù)(例如 k(a.responseText);)我沒有成功.

I have also tried to manipulate the reiceiving function k(); in an attempt to reach my goal, but since it doesn't depend on any data passing to the function (for example k(a.responseText);) I had no success.

有什么方法可以實(shí)現(xiàn)嗎?我不希望使用 js 庫(如 jQuery)；

Is there any way that I can achieve this? I do not wish to use js libraries (such as jQuery);

編輯:我知道我無法直接更改 .responseText，因?yàn)樗侵蛔x的，但我正在嘗試找到一種方法來更改響應(yīng)和接收函數(shù)之間的內(nèi)容.

EDIT: I understand that I cannot change .responseText directly since it is read-only, but I am trying to find a way to change the content between the response and receiving function.

EDIT2:在我嘗試攔截和更改已從此處添加的 .responseText 的方法之一下方添加:猴子補(bǔ)丁 XMLHTTPRequest.onreadystatechange

EDIT2: Added below one of the methods I have tried to intercept and change .responseText which has been addapted from here: Monkey patch XMLHTTPRequest.onreadystatechange

(function (open) {
XMLHttpRequest.prototype.open = function (method, url, async, user, pass) {
    if(/results/.test(url)) {
      console.log(this.onreadystatechange);
        this.addEventListener("readystatechange", function () {
            console.log('readystate: ' + this.readyState);
            if(this.responseText !== '') {
                this.responseText = this.responseText.split('&')[0];
            }
        }, false);
    }
    open.call(this, method, url, async, user, pass);
};
})(XMLHttpRequest.prototype.open);

<小時(shí)>

EDIT3:我忘了包括函數(shù) Mj 和 ff 不是全局可用的，它們都包含在一個(gè)匿名函數(shù)中 (function(){functions are here})();

EDIT3: I forgot to include that the functions Mj and ff are not globally available, they are both contained inside an anonymous function (function(){functions are here})();

EDIT4:我更改了接受的答案，因?yàn)?AmmarCSE 沒有任何與 jfriend00 的答案相關(guān)的問題和復(fù)雜性.

EDIT4: I have changed the accepted answer because AmmarCSE's does not have any of the problems and complexity linked to jfriend00's answer.

簡而言之，最佳答案如下:

The best answer explained in short is as follows:

偵聽您要修改的任何請求(確保您的偵聽器會(huì)在原始函數(shù)目標(biāo)之前攔截它，否則在響應(yīng)已經(jīng)使用后修改它沒有意義).

Listen to whichever request you want to modify (make sure your listener will intercept it before the original function destination does, otherwise there is no point in modifying it after the response has already been used).

將原始響應(yīng)(如果要修改)保存在臨時(shí)變量中

Save the original response (if you want to modify it) in a temporary variable

將要修改的屬性更改為可寫:真"，它將擦除它擁有的任何值.就我而言，我使用

Change the property you want to modify to "writable: true", it will erase whichever value it had. In my case I use

Object.defineProperty(event, 'responseText', {
    writable: true
});

其中event是監(jiān)聽xhr請求的load或readystatechange事件返回的對象

Where event is the object returned by listening to the load or readystatechange event of the xhr request

現(xiàn)在您可以為響應(yīng)設(shè)置任何您想要的內(nèi)容，如果您只想修改原始響應(yīng)，那么您可以使用臨時(shí)變量中的數(shù)據(jù)，然后將修改保存在響應(yīng)中.

Now you can set anything you want for your response, if all you wanted was to modify the original response then you can use that data from your temporary variable and then save the modifications in the response.

推薦答案

一個(gè)非常簡單的解決方法是更改?? responseText 本身的屬性描述符

One very simple workaround is to change the property descriptor for responseText itself

Object.defineProperty(wrapped, 'responseText', {
     writable: true
});

所以，你可以像

(function(proxied) {
    XMLHttpRequest = function() {
        //cannot use apply directly since we want a 'new' version
        var wrapped = new(Function.prototype.bind.apply(proxied, arguments));

        Object.defineProperty(wrapped, 'responseText', {
            writable: true
        });

        return wrapped;
    };
})(XMLHttpRequest);

演示

這篇關(guān)于如何修改另一個(gè)函數(shù)接收到的 XMLHttpRequest 響應(yīng)文本?的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網(wǎng)！