APP网络请求分析(react native角度)

2018-12-09  本文已影响0人  上玄月_lxl

概要

本章记录APP网络请求参数作用

一、APP网络请求。

简单来讲(常用的口头区分),APP网络请求分为get 请求 和 post 网络请求。

https://s.taobao.com/list?spm=a21bo.2017.201867-links-2.5.5af911d9NETruE&q=%E8%A3%A4%E5%AD%90

1)method 区分请求是get 还是post 。

2)header 请求头。APP请求中会带Content-Type 参数 有些也会带上User-Agent参数

3)body请求体中,就是你所带的各种参数。


{ 

  method: 'POST', 

  headers: {

        Accept: 'application/json', 

        'Content-Type': 'application/json', 

`        // "Content-Type"``: ``"application/x-www-form-urlencoded;charset=UTF-8"`

 }, 

body: JSON.stringify({ 

        firstParam: 'yourValue', 

        secondParam: 'yourOtherValue', 

 }), 

}

header 参数:

Content-Type 字段代表的是service 端接受的数据类型,着对body来说很重要,只有匹配的content-type的类型才能正确的传递信息。常用的有application/json 和 application/x-www-form-urlencoded 。两者都是表单数据发送的编码类型,前者提交的数据是json格式的字符串,后段需要@requestbody才能接收; 后者窗体数据被编码为名称/值对。这是标准的编码格式。

在RN中如果使用第一个类型,body需要使用Json.stringify()才能转换,而对后者,需要使用queryString.stringify()转换。

格式区别连接

Request中除了method、headers与body,还有以下属性

请求成功之后,使用.then来转换数据,使用最多的是Body.json(),当然你也可以使用以下的几种数据转换类型

mode:cors 在网页请求中用来标示是否跨域请求。app请求中不会遇到这个,因为app请求没有跨域限制。

RN参考

RN参考2

二、深入扩展--7层网络协议

45092397.png

前4中属于高层,定义了应用程序的功能;下面3层属于面向通过网络的端到端的数据流。

网络7层协议

TCP与UDP

三、三次握手与四次挥手

1、三次握手:

46901747.png

2、四次挥手

47008300.png

详解3、4

上一篇 下一篇

猜你喜欢

热点阅读