fetch请求-简单记录

主要是记录一下 fetch的post和get请求的发送方法。

方法：GET

const { URLSearchParams } = require('url');
const testUrl = `localhost:3000`;
       
let userInfo = await fetch(`${testUrl}?${new URLSearchParams(ctx.query)}`, {
          headers: {
            'Content-Type': 'application/json',
            'Cookie': `_ut=${ut}`
          },
          method: "get"
        });
let result =  await userRoleInfo.json();

说明：

这里使用URLSearchParams来处理get请求的param。

If using node, you can add the fetch API through a package like node-fetch. URLSearchParams comes with node, and can be found as a global object since version 10. In older version you can find it at require('url').URLSearchParams

fetch('https://example.com?' + new URLSearchParams({
    foo: 'value',
    bar: 2,
}))

当然对于处理param参数 还有其他方法，我还没有实验 就把例子放在这里了

import { stringify } from 'query-string';

fetch(`https://example.org?${stringify(params)}`)

方法： POST

post的方法就相对简单了

fetch(url, {
        method: 'POST',
        body: JSON.stringify(json),
        headers: {
          'Content-Type': 'application/json'
        }
      }).then(res => res.json()) // here is my code waites the responce from the server
        .then((res) => {
          toastr.success('Created Type is sent successfully');
        })
        .catch(err => {
          console.log('Type send failed', err);
          toastr.warning('Type send failed');
        })