可以将“ArrayBuffer”转换为像JSON这样的“可读”格式吗? - Chrome扩展程序

时间:2013-05-03 18:37:53

标签: google-chrome google-chrome-extension

是否可以将“ArrayBuffer”转换为某种“可读”格式,如JSON?

测试脚本:

<script>
try {
   http = new ActiveXObject("Microsoft.XMLHTTP");   // Trying IE
}
catch(e)    // Failed, use standard object 
{
  http = new XMLHttpRequest(); 
}

var url = "http://localhost/test.htm";
var params = "param=abc&param2=62";
http.open("POST", url, true);

http.onreadystatechange = function() {//Call a function when the state changes.
    if(http.readyState == 4 && http.status == 200) {
        alert('send..');
    }
}
http.send(params);
</script>

on BACKGROUND(chrome扩展名)请求LISTENER: (从test.htm接收xhr)

chrome.webRequest.onBeforeRequest.addListener(
    function(details) {
        console.log(details); 
},
{
urls: ["*://localhost/*"]
},
['requestBody']);

console.log结果:

Object {frameId: 0, method: "POST", parentFrameId: -1, requestBody: Object, requestId: "12981"…}
frameId: 0
method: "POST"
parentFrameId: -1
requestBody: Object
raw: Array[1]
0: Object
bytes: ArrayBuffer
byteLength: 32
__proto__: ArrayBuffer
constructor: function ArrayBuffer() { [native code] }
slice: function slice() { [native code] }
__proto__: Object
__proto__: Object
length: 1
__proto__: Array[0]
__proto__: Object
requestId: "12981"
tabId: 180
timeStamp: 1367604574726.125
type: "xmlhttprequest"
url: "http://localhost/test.htm"
__proto__: Object

我需要将details.requestBody.raw转换回param = abc&amp; param2 = 62或JSON。 谢谢

http://developer.chrome.com/dev/extensions/webRequest.html

1 个答案:

答案 0 :(得分:2)

我使用那个lib - https://github.com/vicetjs/array-buffer-to-data

chrome.webRequest.onBeforeRequest.addListener(
    function(details) {
        try {
            if (details && details.type === "xmlhttprequest" && 
                var buffer = details.requestBody.raw[0].bytes;
                console.log(arrayBufferToData.toJSON(buffer));//JSON payload body
            }
            return {requestHeaders: details.requestHeaders};
        } catch(e) {
            console.log(e.stack);
        } 
    },
    {urls: ["<all_urls>"]},
    ["requestBody"]);