.then((responseJson)=>{
// 3. 根据数据处理UI界面
})
.catch((error)=>{
// 4. 捕获到错误异常时调用
})
-
fetch发送请求,如果没有设置请求方式,默认是get请求;
-
then用于函数回调,当上一操作完成后,就会自动执行then的回调函数,并且自动把处理完的结果,作为参数传递给then的回调函数。
-
get请求简单封装
module.exports = {
/**
-
GET请求
-
@param {请求路径} api_url
-
@param {参数列表} param
-
@param {成功回调} successBack
-
@param {失败回调} failureBack
*/
GET:(api_url, param, successBack, failureBack)=>{
// 1. 参数拼接总串, 拼接操作符, 索引
var allParamStr = ’ ', flag = ‘?’, index = 0;
// 2. 把json对象转成字符串
var jsonStr = JSON.stringify(param);
if (jsonStr !== undefine || jsonStr !== ‘{}’) { // 过滤
for (key in param){
if (index > 0) {
flag = ‘&’
}
allParamStr += mark + flag + ‘=’ + param[key];
index++;
}
}
// 3.拼接参数
api_url += totalParamStr;
fetch(api_url)
.then((response)=>response.json())
.then((responseJson)=>{ // 成功回调
successBack(responseJson);
})
.catch((error)=>{ // 失败回调
failureBack(error);
})
}
};
二、fetch发送post请求
- fetch发送post请求
fetch(‘http://192.168.0.138:3000/userlogin/’, {
method: ‘POST’, // 请求方式
headers: { // 请求头
‘Accept’: ‘application/json’, // 接收的是json格式数据
‘Content-Type’: ‘application/json’,
},
body: JSON.stringify({ // 把json对象转成字符串
firstParam: ‘yourValue’, // 要传递的参数
secondParam: ‘yourOtherValue’,
})
})
- application/json请求,案例简单实操
module.exports = {
Post(){
fetch(‘http://192.168.0.138:3000/userlogin’,{
method:‘POST’,
headers:{
‘Content-Type’:‘application/json’ // 不能写错
},
body:JSON.stringify({ // 把json对象转成字符串
name: ‘xzh’,
pwd: ‘12306’,
})
})
.then((response)=>response.json())
.then((json)=>{
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!**
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!