fetch的基础理解

fetch

• fetch 是 WorkOrGlobalScope 这个 mixin 中的一个方法，用于获取一个网络进程，通常为请求地址；
• 它返回一个 promise 对象，当网络正常或未被请求拦截的时候，会 resolve 一个 response 对象，否则就 reject 结束

语法

Promise<Response> fetch(req[, obj]);

参数

• req：获取的资源
  • url
  • Request对象
• obj：请求设置，可选

参考写法

1. 读取数据

fetch("http://localhost:3001/users").then(async (response) => {
    if (response.ok) {
        const result = await response.json();
        console.log(result)
    }
})

2. 上传数据

fetch('https://example.com/profile', {
  method: 'POST', // or 'PUT'
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(data),
}).then(async (response) =>{
    if(response.ok){
        const result = await response.json();
    }
})