{"data": {"name": "小明","age": 18}}
const fetchData = () => { return async dispatch => { dispatch({type: 'FETCH_START'}); try { const res = await fetch('http://api.example.com/data'); const data = await res.json(); dispatch({type: 'FETCH_SUCCESS',payload: data}); } catch (error) { dispatch({type: 'FETCH_ERROR',payload: error.message}); } } }@H_404_0@在上述代码中,fetchData函数返回一个异步函数,它接收一个dispatch函数作为参数。在函数中,我们首先向store中派发一个FETCH_START的action,表示异步请求已经开始。之后,我们使用fetch函数发送一个请求,获取到后端返回的数据,并调用json方法将其转化为对象。最后,根据请求是否成功,我们分别向store派发FETCH_SUCCESS或FETCH_ERROR的action,将获取到的数据或错误信息传递给store。 @H_404_0@在处理异步请求时,我们也可以使用其他格式来进行返回结果的处理,例如XML和Text等。在使用action处理返回结果时,需要根据具体的返回格式进行相应的处理。 @H_404_0@总的来说,使用action异步返回JSON格式的数据是前端开发中非常常见的操作,也是数据通信的重要方式之一。使用异步请求和action对数据进行处理,可以使应用程序更加灵活高效。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。