reactNative网络
1,XMLHttpRequest
var request = new XMLHttpRequest();
request.onreadystatechange = (e) => {//貌似是设置一些属性,和‘代理方法’
if (request.readyState !== 4) {
return;
}
if (request.status === 200) {
console.log(‘success’, request.responseText);
} else {
console.warn(‘error’);
}
};
request.open(‘GET’, ‘https://mywebsite.com/endpoint.php‘);
request.send();
2,Fetch
http://www.w3ctech.com/topic/854?&from=androidqq
https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API
例子:
var React = require(‘react-native’);
var {
AppRegistry,
StyleSheet,
Text,
View,
} = React;
var App = React.createClass({
render: function(){
return(
{styles.btn}>XMLHttpRequest请求数据
<Text onPress={this._doFetch} style={styles.btn}>Fetch请求数据</Text>
</View>
);
},
_doXMLHttpRequest: function(){
var request = new XMLHttpRequest();
request.onreadystatechange = (e) => {
if (request.readyState !== 4) {
return;
}
if (request.status === 200) {
console.log('success', request.responseText);
} else {
console.warn('error');
}
};//?????????
request.open('GET', 'http://www.baidu.com/');//???????
request.send();//????
},
_doFetch: function(){
fetch(‘http://www.baidu.com/‘)
.then(function(data){
return data.text();
})
.then((responseText) => {
console.log(responseText);
})
.catch((error) => {
console.warn(error);
});
}
});
var styles = StyleSheet.create({
btn:{
marginTop:50,
marginLeft:10,
marginRight:10,
height:35,
backgroundColor:’#3BC1FF’,
color:’#fff’,
lineHeight:24,
fontWeight:’bold’,
textAlign:’center’
}
});
AppRegistry.registerComponent(‘App’, () => App);
问题:XMLHttpRequest,Fetch时候,或者在使用为啥不需要引入啥框架啥的????
问题:featch中的then是什么???
答:??????
问题:
B05FB759-EAA7-4F57-820B-9C6F29510A3C.pngheader接口什么意思
答:就是,fech的参数,以及一些默认返回值,以及他们的属性方法???
例子:
手动生成header对象
var content = “Hello World”;
var reqHeaders = new Headers();
reqHeaders.append(“Content-Type”, “text/plain”
reqHeaders.append(“Content-Length”, content.length.toString());
reqHeaders.append(“X-Custom-Header”, “ProcessThisImmediately”);
问题:断点下载与普通请求的,网络请求有啥区别????
问题:featch这种.后面写方法,是不是只有前一个返回来后一个才能执行,前一个方法必须在后一个之前执行??????