uni-app 【报Bug】plus.net.XMLHttpRequest onreadystatechange 安卓端监听不到流式输出

在 uni-app 中使用 plus.net.XMLHttpRequest 进行网络请求时，可能会遇到在安卓端无法监听流式输出的问题。这个问题通常与安卓端的底层实现或 XMLHttpRequest 的行为有关。以下是一些可能的原因和解决方案：

1. 使用 onprogress 事件

XMLHttpRequest 提供了 onprogress 事件，可以用来监听流式输出的进度。尝试使用 onprogress 事件来替代 onreadystatechange。

let xhr = new plus.net.XMLHttpRequest();
xhr.open('GET', 'https://example.com/stream', true);

xhr.onprogress = function (event) {
    if (xhr.readyState === 3) { // 3 表示正在接收数据
        let chunk = xhr.responseText;
        console.log('Received chunk:', chunk);
    }
};

xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) { // 4 表示请求完成
        console.log('Request completed:', xhr.responseText);
    }
};

xhr.send();

2. 使用 fetch API

如果你可以接受使用 fetch API，fetch 提供了更好的流式处理支持。你可以使用 fetch 来替代 XMLHttpRequest。

fetch('https://example.com/stream')
    .then(response => {
        const reader = response.body.getReader();
        function pump() {
            return reader.read().then(({ done, value }) => {
                if (done) {
                    console.log('Stream complete');
                    return;
                }
                console.log('Received chunk:', new TextDecoder().decode(value));
                return pump();
            });
        }
        return pump();
    })
    .catch(error => {
        console.error('Fetch error:', error);
    });

3. 检查安卓端的限制

安卓端可能对 XMLHttpRequest 的行为有一些限制，尤其是在处理流式数据时。确保你的安卓版本和 uni-app 版本是最新的，以避免已知的 bug。

4. 使用 WebSocket

如果你需要实时流式数据传输，考虑使用 WebSocket。WebSocket 提供了双向通信的能力，并且非常适合实时数据传输。

let ws = new WebSocket('wss://example.com/ws');

ws.onmessage = function (event) {
    console.log('Received message:', event.data);
};

ws.onopen = function () {
    console.log('WebSocket connection opened');
};

ws.onclose = function () {
    console.log('WebSocket connection closed');
};

ws.onerror = function (error) {
    console.error('WebSocket error:', error);
};

5. 调试和日志

增加调试信息，确保你能够准确地看到请求的状态和响应。通过日志可以帮助你更好地理解问题的根源。

let xhr = new plus.net.XMLHttpRequest();
xhr.open('GET', 'https://example.com/stream', true);

xhr.onreadystatechange = function () {
    console.log('ReadyState:', xhr.readyState);
    if (xhr.readyState === 3) {
        console.log('Partial response:', xhr.responseText);
    }
    if (xhr.readyState === 4) {
        console.log('Full response:', xhr.responseText);
    }
};

xhr.send();

6. 检查服务器端

确保服务器端支持流式输出，并且没有在发送数据时进行缓冲或延迟。

7. 使用 uni.request

如果 plus.net.XMLHttpRequest 在安卓端存在问题，可以尝试使用 uni.request，它是 uni-app 封装的网络请求方法，可能对跨平台兼容性更好。

uni.request({
    url: 'https://example.com/stream',
    method: 'GET',
    success: function (res) {
        console.log('Response:', res.data);
    },
    fail: function (error) {
        console.error('Request failed:', error);
    }
});