首页 > 其他 > 详细

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

时间:2020-05-23 16:15:25      阅读:62      评论:0      收藏:0      [点我收藏+]

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

 

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

原文:https://www.cnblogs.com/aididiao/p/12942506.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!