React-Native进行时（三）--JS网络请求解析

首页定义URL接口的JS文件，创建、调用其实和OC差不多。

'use strict';
var BASE = 'http://XXXXXX/';

function api(address){
	
	return BASE + address;
}

function getHomeAPI(){
	return api('api/XXXX/XXXX');
}

module.exports = {
	HomeAPI: getHomeAPI,};

var CFAPI = require('../../Network/API');

网络请求、解析json借助Fetch，具体代码如下：

fetchData: function(){
    fetch(CFAPI.HomeAPI())
    .then((response) => {
      //console.log('response-----:',response);
      return response.json();
    })
    .then((responseData) => {
      //console.log('json-----:',responseData);
        this.setState({
          dataSource: this.state.dataSource.cloneWithRows(responseData.Body),loaded: true
        });
    }).done();
  },

分享小技巧：

调试：xcode必须设置成DeBug模式才有效，如果Degug in Safari时程序crash时，把运行的Demo删除即可。

使用：module.exports = HomeList;，module.exports 后面的参数可以理解为创建的当前对象。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!