位置: 编程技术 - 正文

React Native 使用Fetch发送网络请求的示例代码(react native usestate)

编辑:rootadmin

推荐整理分享React Native 使用Fetch发送网络请求的示例代码(react native usestate),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:react native.,react native intent,react-native-fs,react-native-fs,react native ref,react native fragment,react native fixed,react-native-fs,内容如对您有帮助,希望把文章链接给更多的朋友!

我们在项目中经常会用到HTTP请求来访问网络,HTTP(HTTPS)请求通常分为"GET"、"PUT"、"POST"、"DELETE",如果不指定默认为GET请求。

在项目中我们常用到的一般为GET和POST两种请求方式,针对带参数的表单提交这类的请求,我们通常会使用POST的请求方式。

为了发出HTTP请求,我们需要使用到 React Native 提供的 Fetch API 来进行实现。要从任意地址获取内容的话,只需简单地将网址作为参数传递给fetch方法即可(fetch这个词本身也就是获取的意思

GET

如果你想要通过 GET 方法去请求数据并转化成 JSON,可以通过如下代码实现:

通过上面的请求把返回的 Response 转化成 JSON Object,然后取出 JSON Object 里的 movies 字段。同时,如果发生 Error,如网络不通或访问连接错误等, 会被 .catch 。在正常的情况下,我们可以得到如下结果:

POST(一)

React Native 使用Fetch发送网络请求的示例代码(react native usestate)

当然,上面是最基本的 GET 请求,Fetch还有可选的第二个参数,可以用来定制HTTP请求一些参数。你可以指定Headers参数,或是指定使用POST方法,又或是提交数据等等:Fetch API 还支持自定义 Headers,更换 Method,添加 Body 等。

上面构建了一个基本的 POST 请求,添加了自己的 Headers:Accept和Content-Type,添加了 Body。

POST(二)

POST(三)推荐

通过上面两种方法,我们还有一种方式可以发送POST请求,当然这种方式也是被推荐使用的。

如果你的服务器无法识别上面POST的数据格式,那么可以尝试传统的form格式,示例如下:

推荐这种方法的好处还有一个,就是可以在FormData中直接传递字节流实现上传图片的功能,代码如下:

处理服务器的响应数据

上面的例子演示了如何发起请求。很多情况下,你还需要处理服务器回复的数据。网络请求天然是一种异步操作,Fetch 方法会返回一个Promise,这种模式可以简化异步风格的代码,关于Promise,请参考:Promise

处理服务器返回的数据,我们已经在上面第二种和第三种的POST请求中实现了数据的处理。具体代码参考上面的实现代码。

默认情况下,iOS会阻止所有非https的请求。如果你请求的接口是http协议,那么首先需要添加一个App Transport Security的例外。

标签: react native usestate

本文链接地址:https://www.jiuchutong.com/biancheng/373320.html 转载请保留说明!

上一篇:javascript中new Array()和var arr=[]用法区别

下一篇:微信小程序图片选择区域裁剪实现方法(微信小程序图片加载不出来)

  • 企业为员工缴纳公积金的通知
  • 私车公用如何处理
  • 其他应收款重分类
  • 增值税专用发票的三流合一是什么意思
  • 包工包料怎么开税票合适
  • 资产申报是什么
  • 贸易公司的印花税税率是多少
  • 工业企业辅助生产费用的分配方法
  • 当天收入支出日报表怎么做
  • 行政单位维修工程规定
  • 固定资产已折旧完报废如何处理
  • 食堂固定资产折旧年限
  • 淘宝企业店铺是工厂直销吗
  • 购买银行理财产品被骗怎么办
  • 营改增后还有营业费用吗
  • 适用增值税差额征税的小规模纳税人
  • 印花税如何进行税种认定
  • 怎么计算房地产公司可以贷款多少
  • 利润表净利润等于科目余额表
  • 无租使用房产怎么缴纳房产税土地税
  • 未办理外经证如何处罚
  • 以前年度收入调整账务处理怎么做
  • 业务宣传费和广告费计入什么科目
  • 旧税号的发票专用章还能使用吗
  • 企业延期缴纳税款
  • 房产评估价偏低
  • 已发货未开票的货物需要结转成本吗
  • macos的复制粘贴快捷键
  • deepin 设置
  • 广告费与业务宣传费扣除给企业带来的好处
  • 个人签订的出租协议
  • 阿巴拉契亚国家步道的英文怎么说
  • 峡谷的人
  • auto.js 逆向
  • function函数的定义
  • cvpr2021录用文章
  • 上个月成本做多了怎么冲账
  • 经营性应收项目和经营性应付项目
  • 资产总额不超过5000万是指全年平均收入吗
  • 进料余料结转 报关单
  • mysql中事务的作用
  • 老板出差司机住哪
  • 会计为什么不能有0
  • 个人所得税表格怎么做
  • sql2005怎么执行语句
  • 申报纳税的步骤
  • 文化建设税减免政策
  • 减免税款属于政府补助利得吗
  • 房租可以一次性抵扣吗
  • 合同负债 案例
  • 个税手续费怎么计算
  • 怎么冲减多计提的工会经费
  • 物业公司预收款账务处理
  • 预计销售收入增长率怎么算
  • 建账要求
  • 施工企业其他业务收入包括哪些
  • Win2008 R2 mysql 5.5 zip格式mysql 安装与配置
  • windows xp 注册表故障恢复
  • Linux中终止某个用户的所有进程的简单方法
  • win7任务管理器怎么打开
  • win10地图不显示
  • win7系统电脑开机后直接进入系统修复怎么办
  • python列表详解
  • react native community
  • 计算机图形学和计算机视觉的区别
  • angularjs4
  • 中间件 .net
  • 微信和qq时间格式不一样
  • 完美解决怠速抖动加油就平稳
  • nodejs实战
  • python制作简单图形
  • javascript+
  • 老生常谈的近义词
  • android环境搭建实验报告
  • Python遍历文件夹中的图片
  • 每天一篇小练笔30字
  • python中lambda怎么用
  • 对税务工作者的赞美
  • 个人所得税追缴很快就缴清了还会被罚款吗
  • 小规模纳税人一年开票额度是多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设