(1) web端 请求接口:
<!DOCTYPE html>
<html>
<head>
<script src="../build/react.js"></script>
<script src="../build/JSXTransformer.js"></script>
<script src="../build/jquery.min.js"></script>
</head>
<body>
<script type="text/jsx">
var TestRequest = React.createClass({
getInitialState: function() {
return {
};
},
componentDidMount: function() {
$.ajax({
url: this.props.url,
dataType: 'text',
success: function(data) {
alert('aa' + data);
}.bind(this),
error: function(xhr, status, err) {
alert('err==='+err+"---status===="+status+"---");
}.bind(this)
});
},
render: function() {
return (
<div>
{this.state.response}
</div>
);
}
});
//https://api.github.com/users/octocat/gists http://localhost:8080/emalldemo/ProductsServlet?action=productlist
React.render(
<TestRequest url="http://localhost:8080/emalldemo/ProductsServlet" />,
document.body
);
</script>
</body>
</html>
(2) React Native 请求接口:
var Follow = React.createClass({
//构造数据源
getInitialState: function() {
return {
};
},
componentDidMount:function(){
this.fetchData();
},
fetchData: function() {
fetch("http://localhost:8080/emalldemo/ProductsServlet?action=productlist")
.then(response => response.text())
.then(responseText => {
alert(responseText);
})
.catch((error) => {
alert("error");
});
},
render: function() {
var HouseCell = require('./HouseCell');
var nav = this.props.navigator;
return (
<ScrollView style = {styles.container}>
<HouseCell nav={nav} message= {datasource[0]}/>
</ScrollView>
);
}
});