ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

fetch()函数使用的一些技巧

2020-05-23 14:54:59  阅读:267  来源: 互联网

标签:函数 res token value json param2 fetch 技巧


1,POST带参数)fetch提交json格式的数据到服务器:

1 //fetch替换vue-resource
 2 let jsonData= {
 3 params1:'param1_value',
 4 params2:'param2_value'
 5 };

 6 fetch(
 7 url(地址),
 8 {
 9  method: 'POST',
10  credentials: 'include',
11  headers: {(添加头文件)
12     'Content-Type': 'application/json;charset=UTF-8'(指定数据类型和编码),
13     'Authorization': 'Bearer ' + localStorage.access_token(在请求信息中添加assess_token验证码),
14   },
15   body: JSON.stringify(jsonData),
16 }
17 ).then(function(res){
18    return res.json().then((data)=>{(返回的res为原生Promise对象,需要转换)
19      console.log(data)
20    })
21 });
22 //end fetch替换vue-resource

 

2,GET带参数)fetch提交json格式的数据到服务器:
1 params1='param1_value' ; 
2 params2='param2_value' ; 3 4 let url = 'http://www.cnblogs.com'+'?param1='+param1_value+'&param2='+param2_value; (get方式只能把参数拼接到url地址中进行传递) 5 6 fetch( 7 url(地址), 8 { 9  method: 'GET', 10  credentials: 'include', 11  headers: {(添加头文件) 12   'Content-Type': 'application/json;charset=UTF-8'(指定数据类型和编码), 13   'Authorization': 'Bearer ' + localStorage.access_token(在请求信息中添加assess_token验证码), 14 }, 15 16 } 17 ).then(function(res){ 18    return res.json().then((data)=>{(返回的res为原生Promise对象,需要转换) 19      console.log(data) 20    }) 21 }); 22 //end fetch替换vue-resource

 

标签:函数,res,token,value,json,param2,fetch,技巧
来源: https://www.cnblogs.com/aididiao/p/12942506.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有