jQuery beforeSend 함수를 jQuery 없이 사용할 수 있을까요?

Question

안녕하세요, 선배님들. 아래의 이미지와 같이 jjQuery의 beforeSend 함수를 통해서 header를 지정해주는 로직을순수 JS 또는 fetch API를 통해서 사용할 수 있는 방법이 있을까요?구글링을 해보아도 원하는 답변을 찾기가 쉽지 않아 선배님들께 도움을 요청해 보고자 합니다... 답변 미리 감사드립니다. ^^

woo.s.o · Answer

ajax 자체가 jquery 함수인데요순수 자바 스크립트는 XMLHttpRequest로 짜셔야겠죠 해당 구문으로 짜시면 setRequestHeader 해주는 부분을 분기 태워도 되구요 send 하시기 전에 동작하면 됩니다 똑같은 질문이 있네요 첨부 드립니다.https://stackoverflow.com/questions/39693482/ajax-what-is-the-equivalent-function-of-beforesend-function-in-xmlhttprequest 아래는 Ajax to the fetch API 입니다. https://stackoverflow.com/questions/66080100/beforesend-function-in-fetch-api

도뎡 · Answer

woo.s.o님 답변 감사드립니다.제 질문의 의도는 fetch API에서 beforeSend와 동일하게 작동시킬 방법이 있는지 여쭈어본 것이었습니다..질문 내용을 너무 모호하게 작성했나 봅니다 .. ^^;;

초무쿤 · Answer

네.근데 그냥은 않되고 wrapper 함수나 override가 약간 필요합니다.아래는 progess 로딩바 &#43; 자동 에러체크 정도 지덩으로 해주는 wrapper 함수인데.(override는 global하게 적용이 되버려서..) * * _fetch */ const _fetch &#61; async function(url, options, _bypass) { console.log(url, options); if(!options){ options &#61; new Object(); } if(!options.headers){ options.headers &#61; new Object(); } let csrfToken &#61; _getCookie('X-Csrf-Token'); options.headers['X-Csrf-Token'] &#61; csrfToken; options.headers['Cache-Control'] &#61; 'no-cache, no-store, must-revalidate'; options.headers['Pragma'] &#61; 'no-cache'; options.headers['Expires'] &#61; '0'; NProgress.start(); return fetch(url, options) .then(async function(response){ console.log(response); NProgress.done(); // skip _bypass if(_bypass){ return response; } // checks response if(response.ok) { return response; }else{ let responseJson &#61; await response.json(); console.log(responseJson); let message &#61; responseJson.message; new apps.Alert(message).open(); throw Error(message); } }) .catch((error)&#61;>{ NProgress.done(); throw Error(error); }); }

도뎡 · Answer

초무쿤님 답변 감사드립니다. ^^fetch API 어렵네요.. ㅠㅠSpring OAuth2, Form Login 두 가지 방식을 병행해서 처리하는 중인데,Ajax는 그냥 포기하는 게 좋을 듯하기도 해요 ㅠㅠ...작성해주신 로직은 꼭 참고해 보도록 할게요 ^^~좋은 하루 되세요!

jQuery beforeSend 함수를 jQuery 없이 사용할 수 있을까요?

4개의 답변

#vanilajs 목록