位置: 编程技术 - 正文

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=[]用法区别

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

  • 小规模水利基金优惠政策2023
  • 捐赠支出增值税
  • 增值税发票系统怎么读入发票
  • 个体户营业税怎么算
  • 分公司不独立核算怎么做账
  • 发票丢失了可以报销吗
  • 已缴企业所得税公司账户的钱怎么办
  • 企业年金如何缴费标准
  • 运输业务增值税
  • 电子发票和网络发票的区别和联系
  • 员工离职的补偿金怎么入账
  • 购买的原材料直接用怎么做账
  • 建安企业增值税预缴
  • 固定资产盘盈怎么算
  • 地税税款未扣怎么处理
  • 小规模附征税减半吗亲
  • 现金折扣发票如何开具
  • 免征增值税项目销售额含税吗
  • 代付给其他供应商货物尾款怎么记账
  • 重庆增值税税率调整
  • windows10如何开热点
  • 招待费报销制度规定
  • 洗牙的利和弊
  • 水利工程水费怎样计算
  • 电脑的nip是什么
  • 微软输入法卸载不了
  • deepin正式版
  • opware12.exe - opware12进程是什么文件 有什么用
  • 认知度高的人
  • 德纳里山
  • LangChain Agent 执行过程解析 OpenAI
  • 企业返聘离退休怎么办
  • symerr函数
  • yolov5 入门
  • 施工企业如何开发票
  • 微信小程序全栈开发实战
  • php定义字符串的三种方式
  • 持有至到期投资是什么意思
  • 个税系统怎么查询已申报个人明细
  • 无形资产评估增值可以入账吗
  • pico实例
  • 留抵税额可以保留几年
  • centos安装nmtui
  • 帝国cms使用手册
  • 辞退员工补偿金计入什么科目
  • 收到金融服务费发票会计分录怎么写
  • 销售货物没有开票的会计分录
  • 管理人员工资属于酌量性固定成本
  • 物业临时用工人员管理制度范本
  • 建筑行业的收入做什么科目
  • 无形资产出售时累计摊销为什么在借方
  • 发票失控成本怎么算
  • 为什么贷款要收手续费
  • 收到微信公众号反诈骗风险提示
  • 开具红字增值税专用发票信息表需要盖章吗
  • 现金支票作用
  • 什么是企业支付宝
  • 无偿租借
  • 酒店财务帐务处理方案
  • win8 恢复
  • http500内部错误
  • linux系统的文件怎么导出来
  • ghost出现错误
  • windows找不到cmd怎么办
  • win1021h2正式版
  • win7右下角小喇叭
  • [置顶]bilinovel
  • 安卓布局优化
  • android项目打包成jar包
  • python数字图像处理库
  • jquery input checked
  • javascript教学视频
  • jQuery Ajax Post 回调函数不执行问题的解决方法
  • python的params
  • jquery图片上传
  • 云南定额发票真伪查询平台
  • 房屋契税2013年收费标准
  • 西安车辆购置税在线交费
  • 法国进囗红酒
  • steam充值码生成
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设