【fetch】浏览器默认请求方式

林大大哟

于 2024-08-26 16:35:08 发布

阅读量289

点赞数 1

分类专栏： js有趣知识文章标签：前端 javascript html

本文链接：https://blog.csdn.net/qq_39404437/article/details/141567581

版权

js有趣知识专栏收录该内容

30 篇文章 2 订阅

订阅专栏

fetch 参数体：

    method: "POST", // *GET, POST, PUT, DELETE, etc.
    mode: "cors", // no-cors, *cors, same-origin
    cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
    credentials: "same-origin", // include, *same-origin, omit
    headers: {
      "Content-Type": "application/json",
      // 'Content-Type': 'application/x-www-form-urlencoded',
    },
    redirect: "follow", // manual, *follow, error
    referrerPolicy: "no-referrer", // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
    body: JSON.stringify(data), // body data type must match "Content-Type" header

fetch GET

fetch(`http://xxx/list?pageNo=1&pageSize=10`, {
        method: 'GET',
        headers: {
        Authorization: token.value
       }
     }).then(res => {
         return res.json()
     })

fetch POST

        fetch(`http://xxx/post`, {
          method: 'POST',
          headers: {
            Authorization: token.value,
            'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'
          },
          body: `id=${id}&xxx={value}`
         }).then(res => {
          return res.json()
         })