javascript - 如何将 jquery post API 转换为 ES6 fetch？

Question

所以我想将我的代码从 jquery 重构为 javascript ES6，我认为如果它以这种方式实现会更干净。但我不确定如何实现它这是 jquery 代码：

$.post({
        url: /* my url */
        data: { /* my data*/ }

        beforeSend: () => {
            //do something
        },

        success: (res) => {
            //do something            
        },

        error: (err) => {
            console.error(err)
        },

        complete: () => {
            //do something
        }
    })

如何重构 ES6 fetch 看起来像这样：

fetch(url, {
        method: 'POST',
        body: /* my data */
    })
     // beforeSend code
    .then((res) => res.json())
    .then((data) => {
        //do something
    })
    // complete code
    .catch((err) => console.log(err));

如果您可以使用 async await 编写代码，我将不胜感激，但.then() .catch()无论如何都将不胜感激。提前致谢

标签： javascriptjqueryrefactoring