[英]jQuery ajaxSetup with ES6
如何使用 vanilla JS(在本例中為 ES6)復制 jQuery ajaxSetup 的行為?
這就是我想要實現的目標。 目前我在我的 app.js 中有:
$(document).ready(()=>{
$.ajaxSetup({
data: {'_token': $('meta[name="csrf-token"]').attr('content')}
});
})
因此,當我在任何其他文件中執行任何 ajax 請求時,_token 將包含在我提供的數據 json 對象中,這樣我就不必在每次調用時都指定 _token 以確保它永遠不會錯過。
如何僅使用 ES6 做到這一點?
包裝 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) })
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.