mirror of
https://github.com/zhigang1992/react-native.git
synced 2026-02-12 22:29:41 +08:00
e00b9ac8f3
Summary: @public Previously, our XMLHttpRequest implementation would only update the readyState when the download was fully completed. This diff adds support for receiving incremental data updates as the download happens, which can be monitored by adding the onreadystatechange event handler. As a performance optimization, incremental data updates are only sent if the onreadystatechanged handler has been set in the JS, otherwise it just sends the whole data block once download is complete, as before. Test Plan: * Run the UIExplorer XMLHttpRequest example (in both OSS and Catalyst) to see incremental downloads working. * Run the Movies app to see regular (non-incremental) downloads in action * Run any network-based app in Catalyst shell to verify RKDataManager still works
109 lines
2.9 KiB
JavaScript
109 lines
2.9 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* @providesModule XMLHttpRequest
|
|
* @flow
|
|
*/
|
|
'use strict';
|
|
|
|
var RCTDataManager = require('NativeModules').DataManager;
|
|
var RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
|
|
|
|
var XMLHttpRequestBase = require('XMLHttpRequestBase');
|
|
|
|
class XMLHttpRequest extends XMLHttpRequestBase {
|
|
|
|
_requestId: ?number;
|
|
_subscriptions: [any];
|
|
|
|
constructor() {
|
|
super();
|
|
this._requestId = null;
|
|
this._subscriptions = [];
|
|
}
|
|
|
|
_didCreateRequest(requestId: number): void {
|
|
this._requestId = requestId;
|
|
this._subscriptions.push(RCTDeviceEventEmitter.addListener(
|
|
'didReceiveNetworkResponse',
|
|
(args) => this._didReceiveResponse.call(this, args[0], args[1], args[2])
|
|
));
|
|
this._subscriptions.push(RCTDeviceEventEmitter.addListener(
|
|
'didReceiveNetworkData',
|
|
(args) => this._didReceiveData.call(this, args[0], args[1])
|
|
));
|
|
this._subscriptions.push(RCTDeviceEventEmitter.addListener(
|
|
'didCompleteNetworkResponse',
|
|
(args) => this._didCompleteResponse.apply(this, args[0], args[1])
|
|
));
|
|
}
|
|
|
|
_didReceiveResponse(requestId: number, status: number, responseHeaders: ?Object): void {
|
|
if (requestId === this._requestId) {
|
|
this.status = status;
|
|
this.setResponseHeaders(responseHeaders);
|
|
this.setReadyState(this.HEADERS_RECEIVED);
|
|
}
|
|
}
|
|
|
|
_didReceiveData(requestId: number, responseText: string): void {
|
|
if (requestId === this._requestId) {
|
|
if (!this.responseText) {
|
|
this.responseText = responseText;
|
|
} else {
|
|
this.responseText += responseText;
|
|
}
|
|
this.setReadyState(this.LOADING);
|
|
}
|
|
}
|
|
|
|
_didCompleteResponse(requestId: number, error: string): void {
|
|
if (requestId === this._requestId) {
|
|
this.responseText = error;
|
|
this._clearSubscriptions();
|
|
this._requestId = null;
|
|
this.setReadyState(this.DONE);
|
|
}
|
|
}
|
|
|
|
_clearSubscriptions(): void {
|
|
for (var i = 0; i < this._subscriptions.length; i++) {
|
|
var sub = this._subscriptions[i];
|
|
sub.remove();
|
|
}
|
|
this._subscriptions = [];
|
|
}
|
|
|
|
sendImpl(method: ?string, url: ?string, headers: Object, data: any): void {
|
|
RCTDataManager.queryData(
|
|
'http',
|
|
{
|
|
method: method,
|
|
url: url,
|
|
data: data,
|
|
headers: headers,
|
|
},
|
|
this.onreadystatechange ? true : false,
|
|
this._didCreateRequest.bind(this)
|
|
);
|
|
}
|
|
|
|
abortImpl(): void {
|
|
if (this._requestId) {
|
|
this._clearSubscriptions();
|
|
this._requestId = null;
|
|
}
|
|
console.warn(
|
|
'XMLHttpRequest: abort() cancels JS callbacks ' +
|
|
'but not native HTTP request.'
|
|
);
|
|
}
|
|
}
|
|
|
|
module.exports = XMLHttpRequest;
|