fetch test v1
2022. 9. 27. 15:18
JavaScript
제이쿼리의 종속맨으로 항상 $.ajax 만 쓰다가 이번에 바닐라 자바스크립트를 본격적으로 사용하게 되면서 (정확히는 나의 코드에서 제이쿼리를 걷어내기) fetch 에 대해 배우게 되었고 비동기 통신 또한 ajax 가 아닌 fetch 로 갈아타고 있는 중이다. 아직은 프로미스 객체에 대해,,, 와닿지가 않고 있지만.. 먼저, 기존의 ajax 동작은 ajax $.ajax({ url : '/test1/test1' , data : $("#frm").serialize() , async : true , type : "post" , dataType : 'json' , beforeSend: function(xhr) { xhr.setRequestHeader('AJAX', true); } , success : functi..
fetch 가 ES6 부터 내장으로 들어왔다.
2022. 9. 24. 03:08
JavaScript
그 동안 jQuery 에 종속되어 있었기 때문에, 무조건 ajax 를 사용 해 왔는데 이번에 자바스크립트 공부를 시작하면서 fetch 가 ES6 부터 내장함수로 들어온 걸 알 수 있었다. ajax 와 마찬가지로 vo, List, Map 등등 모든 데이터를 잘 가져왔고, 다루기 또한 쉬웠다. promise 객체 이기 때문에 코드 작성도 용이 할 것으로 보인다, 복습하면서 앞으로 fetch 를 쓰도록 노력하자 /** * fetch test * @type {string} */ const url ='/test/test/test/test'; const option = { method : 'POST', header : {'Accept' : 'application/json','Content-Type' : 'appli..