본문 바로가기

AJAX2

[ajax] 동기방식으로 사용하기 [ajax 동기방식으로 사용하기] -ajax는 일반적으로 클라이언트와 서버측의 데이터 전송 및 처리를 비동기적(Asynchronous)으로 처리하는 것에 그 목적이 있다. -Ajax를 사용함으로써, 서버측에 데이터를 요청한 후, 데이터의 수신이 완료될 때까지 기다리지 않고, 다른 작업을 바로 진행할 수 있어, 불필요한 잦은 페이지 로딩을 줄일 수 있다. 그러나! ajax는 대부분 비동기방식 그대로 사용하지만, 동기(Synchronous)방식으로 사용할 경우도 생긴다. ajax를 통해 서버측에 데이터를 요청하고, 이 데이터의 결과를 모두 수신 받은 다음 단계로 진행하도록 하는 경우에는 동기 방식의 ajax를 사용해야한다. 오늘 유지보수를 하는데 선택한 주소의 시/도, 군/구, 동/읍, 리의 주소가 간혈적으.. 2023. 2. 27.
[javascript] Ajax 사용방법! 이번에 회사에서 공부하면서 ajax를 처름 사용해 봤다 ajax로 호출하는것 몇번 시행착오 겪으면서 사용하다가 써보니까 데이터를 불러오는게 페이지 로딩도 안하고 바로 되서 정말 좋다! ajax를 호출하는 기본 구조 method : 요청하는 타입 (GET, POST) url : 서버로 요청하는 url의 주소 data : 서버로 보내는 데이터, ("#id")로 form 객체를 지정한 후, serialize()를 통해서 url로 전송할 수 있게 데이터를 직렬화 기켜놓음 dataType : HTML, JSON XML등 데이터를 받을 타입을 지정 success : 요청 성공시 수행할 작업 error : 요청 실패시 수행할 작업 위의 경우 HTML로 데이터를 받아서 tbl class를 가진 태그 안에 HTML 데이.. 2023. 2. 21.