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+'¶m2='+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