如何通过拆分符号解析“分块”响应？

Question

我有一个带有分块响应的后端 api。每个块 - json 对象数组，以新行 \n.

结尾

在浏览器中，我在点击按钮时发出请求：

searchBtn.onclick = function () {
            var xhr = new XMLHttpRequest();
            xhr.open("GET", "/api/p2p_search" + text, true);
            xhr.onprogress = function () {
                var searchArray = JSON.parse(xhr.responseText);
                //show array in result
            };
            xhr.send();
        };

但有时我会收到多个块，而不是一个有效的 json 数组块，所以我无法解析它。例如：[{"hello": 和 "world"}]。

有没有办法真正接收按行拆分的块或其他接收分块响应的方法？

Answer 1

我找到了 https://github.com/eBay/jsonpipe 的解决方案，其中 "buffers" 数据有效 json。分隔符可配置，在我的例子中 \n:

  <script src="jsonpipe.js"></script>

  var jsonpipe = require('jsonpipe');
    /**
     * @param {String} url A string containing the URL to which the request is sent.
     * @param {Object} url A set of key/value pairs that configure the Ajax request.
     * @return {XMLHttpRequest} The XMLHttpRequest object for this request.
     * @method flow
     */
    jsonpipe.flow('http://api.com/items?q=batman', {
        "delimiter": "\n", // String. The delimiter separating valid JSON objects; default is "\n\n"
        "onHeaders": function(statusText, headers) {
            // Do something with the headers and the statusText.
        }
        "success": function(data) {
            // Do something with this JSON chunk
        },
        "error": function(errorMsg) {
            // Something wrong happened, check the error message
        },
        "complete": function(statusText) {
            // Called after success/error, with the XHR status text
        },
        "timeout": 3000, // Number. Set a timeout (in milliseconds) for the request
        "method": "GET", // String. The type of request to make (e.g. "POST", "GET", "PUT"); default is "GET"
        "headers": { // Object. An object of additional header key/value pairs to send along with request
            "X-Requested-With": "XMLHttpRequest"
        },
        "data": "", // String. A serialized string to be sent in a POST/PUT request,
        "withCredentials": true // Boolean. Send cookies when making cross-origin requests; default is true
    });

如何通过拆分符号解析“分块”响应？

How to parse `chunked` response by split symbol?

javascript

chunked-encoding