使用 ES6 的 jQuery ajaxSetup

Question

如何使用 vanilla JS（在本例中为 ES6）复制 jQuery ajaxSetup 的行为？

这就是我想要实现的目标。 目前我在我的 app.js 中有：

$(document).ready(()=>{
    $.ajaxSetup({
        data: {'_token': $('meta[name="csrf-token"]').attr('content')}
    });     
 })

因此，当我在任何其他文件中执行任何 ajax 请求时，_token 将包含在我提供的数据 json 对象中，这样我就不必在每次调用时都指定 _token 以确保它永远不会错过。

如何仅使用 ES6 做到这一点？

Answer 1

包装 Fetch api 并存储您的基本数据并将其与您发送的任何内容合并。

 class MyFetch { constructor(data) { this.data = data } post(url, data) { let requestData = { ...this.data, ...data } return fetch(url, { method: 'POST', body: JSON.stringify(requestData) }) } } let myFetch = new MyFetch({ _token: 'helloworld' }) myFetch.post('https://httpbin.org/post',{moreData:'more'}) .then((res) => res.json()) .then(json => { console.log('Data sent:', json.data) })