react 数据交互

作者: 1994陈 | 来源:发表于2018-09-21 11:15 被阅读23次

原生 - fetch :返回promise对象

语法:
fetch(url+数据,{配置}).then(成功函数(res)).catch(失败函数())
---- 返回的不是数据或对象本身,返回的是一个流,需要手动解流转成对象或文本,解流是异步的过程----

解流API:
res.text() 转文本 | res.json() 转对象

安装fetch-jsonp
npm install fetch-jsonp -D


image.png
get static data

body == user.json里面的数据


image.png

实例

image.png
get php data
image.png
post php data
image.png
jsonp data
image.png

marks:

1.一定要调整this指向,不然会出现报错;
2.数据类型一定要正确
3.拿到的data先打印出来看看

相关文章

  • react 数据交互

    原生 - fetch :返回promise对象 语法:fetch(url+数据,{配置}).then(成功函数(...

  • React数据交互

  • React数据交互

    axios fetch语法: 例如:fetch('./api/goods.json',{credentials: ...

  • react 数据交互

    axios fetch语法: react跨域: vue跨域方案:https://www.jianshu.com/p...

  • react数据交互

    ch('url接口地址',{配置信息).then(res=>{return res.json() //将数据转换成...

  • 学习笔记——React Ref

    由于React的单向数据流设计,所以典型的 React 数据流中, 属性(props)是父组件与子组件交互的唯一方...

  • React第五天 (偷懒了一天)

    React与后台数据交互 axios: fetch: 传统 Ajax 已死,Fetch 永生:https://se...

  • Redux——React 组件中的数据传输

    React中的数据有两种:prop和state。其中prop负责对外的数据交互,state负责内部的数据管理。 R...

  • React-Native 开发笔记

    React-Native 数据库读取问题 问题描述: 原生与RN在数据库交互方面,RN端始终读取不到数据库 产生原...

  • React框架简述

    React 1.React简介 前端UI开发框架,传统的开发方式在解决服务器和用户输入的交互数据,动态反应到复杂界...

网友评论

    本文标题:react 数据交互

    本文链接:https://www.haomeiwen.com/subject/wjonnftx.html