본문 바로가기

WEB/JavaScript2

Ajax - 기초 - (2) Ajax - 기초 - (2) 이번 시간에는 JSON을 활용해서 데이터를 변환해서 데이터를 전달해보도록 하겠습니다. Ajax - 기초 (1)에서 까지는 단순히 문자열 데이터 한 개 만을 전달하고 응답했다면 JSON을 활용해서 json object로 변환해서 활용하는 방법을 살펴보겠습니다. json을 활용하면 어떤 것이 가능해지는지 중점적으로 살펴보면 좋을 것 같습니다. ( 참고로 이 블로그에서 사용하는 예제는 KOSTA edu에서 교육을 받으면서 공부했던 예제들입니다. ) JSON 라이브러리 활용 - 1 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 function startAjax() { let mak.. 2021. 11. 14.
Ajax - 기초 - (1) Ajax 기초 - (1) 최근에 JSP를 사용해서 웹 프로젝트를 진행한 적이 있습니다. Ajax를 사용하면 편할 것을 페이지를 받아오는 방식으로 구현을 하다 보니 비효율적이다라는 생각이 들어 Ajax를 배움과 동시에 배운 것을 활용해보고자 블로그에 정리하려고 합니다. 나아가서 아이디 중복확인과 댓글 작성과 같은 예제를 통해서 어떻게 동작하는지 정리해보려 합니다. 처음 배우는 단계이니 기초적인 개념부터 살펴보겠습니다. Ajax 란 ? Asynchronous JavaScript And XML의 줄임말로 비동기 자바스크립트와 XML이라는 뜻입니다. 즉 Ajax는 자바스크립트와 XML을 사용하여 비동기 통신을 하는 것을 말합니다. 기존의 웹 방식은 웹 페이지 단위로 응답을 하는 방식입니다. 하지만 비동기 통신을.. 2021. 11. 14.