javascript - 如何处理/解析/读取 "multipart/mixed; boundary=batch"响应

Question

如何使用 JavaScript/jQuery 处理/解析/读取类型为“multipart/mixed; boundary=batch”的响应？

在我们的应用程序中，我们得到如下响应:

有没有办法处理这些类型的响应？或者我们应该使用正则表达式等使用原始字符串操作来获取我们想要的内容吗？

--batchresponse_e3e3tc10-1181-4b94-bb8a-952452769d53
Content-Type: multipart/mixed; boundary=changesetresponse_4sdflwerf-40ef-4347-8c77-b364e5d2e678

--changesetresponse_4sdflwerf-40ef-4347-8c77-b364e5d2e678
Content-Type: application/http
Content-Transfer-Encoding: binary

HTTP/1.1 201 Created
DataServiceVersion: 1.0;
Content-Type: application/json;odata=verbose;charset=utf-8
Content-ID: 1
X-Content-Type-Options: nosniff
Cache-Control: no-cache
Location: <url1>

{"Some": "JSON response"}
--changesetresponse_4sdflwerf-40ef-4347-8c77-b364e5d2e678
Content-Type: application/http
Content-Transfer-Encoding: binary

HTTP/1.1 204 No Content
Content-ID: 2
X-Content-Type-Options: nosniff
Cache-Control: no-cache
DataServiceVersion: 1.0;


--changesetresponse_4sdflwerf-40ef-4347-8c77-b364e5d2e678
Content-Type: application/http
Content-Transfer-Encoding: binary

HTTP/1.1 204 No Content
Content-ID: 3
X-Content-Type-Options: nosniff
Cache-Control: no-cache
DataServiceVersion: 1.0;


--changesetresponse_4sdflwerf-40ef-4347-8c77-b364e5d2e678--
--batchresponse_e3e3tc10-1181-4b94-bb8a-952452769d53--

Answer 1

不幸的是，似乎没有一个库可以处理这个问题。这就是我最终要做的。以下解决方案假定 angular 和 lodash ("_") 可用，但它可以适应其他框架。

鉴于 responseCollection 是初始帖子中显示的 http 响应，我们首先从初始 header 中找到边界。然后，使用该边界将响应拆分为其组件。在每个组件中，假设“{”的第一个实例标志着 JSON 的开始，而“}”的最后一个实例是结束。 JSON 被反序列化并推送到响应对象的集合中。

这显然不适用于所有场景并做了一些广泛的假设，但这足以解决我的问题。

    function parseBatch(responseCollection) {
        var items = [];

        var boundary = getBatchSeparator(responseCollection);

        var responseLines = responseCollection.data.split('--' + boundary);

        _.forEach(responseLines, function (response) {
            var startJson = response.indexOf('{');
            var endJson = response.lastIndexOf('}');

            if (startJson < 0 || endJson < 0) {
                return;
            }

            var responseJson = response.substr(startJson, (endJson - startJson) + 1);

            var item = angular.fromJson(responseJson);

            items.push(item);
        });

        return items;
    }

    function getBatchSeparator(response) {
        var headers = response.headers();

        if (!headers['content-type'])
            return ''; //would probably be bad if this happens, but not sure it ever will.

        var components = headers['content-type'].split(';');

        var boundary = _.find(components, function (o) { return _.startsWith(_.trim(o), 'boundary=') });

        boundary = _.replace(boundary, 'boundary=', '');

        boundary = _.trim(boundary, '; ');

        return boundary;
    }