React-native fetch请求网络

最新推荐文章于 2024-08-13 15:52:19 发布

Rlusia

最新推荐文章于 2024-08-13 15:52:19 发布

阅读量4.9k

点赞数

分类专栏： React Native 文章标签：网络 rn fetch

本文链接：https://blog.csdn.net/black_dreamer/article/details/51902229

版权

React Native 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

开始的服务器直接传的字符串，所以这边用POST去请求，直接连接字符串

LOGIN_REQUEST= LOGIN_URL +'?loginName='+uName + '&password='+uPwd;
 fetch(LOGIN_REQUEST,{
     method: 'POST',
     header: {
         'Aceept': 'application/json',
         'Content-Type': 'application/json'
     },
     body: JSON.stringify(payload)
 })

然后去解析，但是后来参数结构变了，不是直接传的字符串：http://127.0.0.1/user/login?loginName=yinyue&password=123456，而是如下，以JSON格式传参,将参数用JSON格式放在body里
http://127.0.0.1/user/login?body={“loginName”:”myname”,”password”:”123456”}

而后用fetch去请求的时候，出现各种问题，首先是JSON格式里的引号的问题，引号导致URL被截断了有效部分截止于引号前，后面看到了这个资料：

http://bbs.csdn.net/topics/390179908

我的解决方式是采用了encodeURI来处理JSON，将JSON数据变成uri格式：

var payload = {
            loginName: uName,
            password: uPwd
    };
LOGIN_REQUEST += '?body='+JSON.stringify(payload) ;
LOGIN_REQUEST = encodeURI(LOGIN_REQUEST) ;
fetch(LOGIN_REQUEST)
.then((response) => this.loginHandle(response))

然后，经别人提醒，发现虽然他写了个body= {*}，让我误以为是用POST方式，其实body只是参数的字段，实际上用的还是GET请求，所以把POST改为GET（默认是GET，所以就不需要写method）,因为GET无法在body里传参，也不需要header，直接把参数写在URL里，只有POST才是在body里传参。

附：POST和GET的区别
1. get是从服务器上获取数据，post是向服务器传送数据。
2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP
post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
3. 对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。
4. get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB，IIS5中为100KB。
5. get安全性非常低，post安全性较高。但是执行效率却比Post方法好。

建议： 1、get方式的安全性较Post方式要差些，包含机密信息的话，建议用Post数据提交方式；
2、在做数据查询时，建议用Get方式；而在做数据添加、修改或删除时，建议用Post方式；来自
http://zhidao.baidu.com/link?url=wxvvLj_b8zYubOCTcYrnC_EQ4ytjJnPs9hiEBmx5Yfo0gIuYtcz-DGIc_dwtqDHSmGlky4zqUhreM-RgNDnyhK

还有一些资料的地址：
http://www.cnblogs.com/hyddd/archive/2009/03/31/1426026.html
然，上面的几篇博客啊，知道啊，里面的内容都被下面的哥们儿否定了：
http://www.nowamagic.net/librarys/veda/detail/1919
你以为事情结束了？No！上面的哥们否定之后，马上又有大手来写自己的见解了，也是激烈无比。学无止境啊。
http://www.cnblogs.com/ldp615/archive/2012/07/27/http-get-post.html