ajax 예제3 [Jquery] 제이쿼리 Ajax 설명 사용법 및 예제(간단) 안녕하세요. 오늘은 제이쿼리 AJAX에 대해서 설명드리겠습니다. - AJAX란? Ajax란 (asynchronous Javascript and XML)의 줄임말 입니다. 자바스크립트를 이용하여 비동기 식으로 서버와 통신을 합니다. 비동기통신이기 때문에 서버에 요청이 가더라도 화면의 깜빡 거림이나 화면이 이동 된다는 느낌을 주지 않고 상당히 자연스럽고 빠르게 클라이언트의 화면을 변화 시켜줍니다. 최근에는 XML형식이 아닌 JSON형식을 더 많이 사용하고 있습니다. - AJAX의 장단점 ♣장점 ● 서버에서 처리가 완료될때까지 기다리지 않고 다른 프로세스를 진행할 수 있다. ● 비동기 방식이기 때문에 동기 방식과 다르게 UI를 변경할 수 있어서 장점이 된다. ● 웹페이지 속도향상. ♣단점 ● 연속으로 데이터를.. 2020. 2. 14. [ AJAX ]JSON과 AJAX란?(예제 포함) JSON 객체를 이용하여 Ajax요청 예제 1. JSON(JavaScript Object Notation)이란? 1) JSON는 javascript 객체를 만드는 표현식입니다. 2) key : value 형식의 데이터 저장 방식입니다. 3) 경량의 DATA를 교환하는 방식입니다. 2. JSON 예제 var test = { "name" : "홍길동", "age" : 27, "address" : "서울시" }위와 같은 객체 형식의 표현식으로 쓸 수 있습니다. test라는 객체는 key : value형식의 표현식입니다. key == "name" : value == "홍길동" 이런 형식으로 데이터가 들어가는데요. 이런 JSON형식으로 데이터를 전송하면 Bean에서 key의 명칭과 같은 Bean안에 있는 변수를 .. 2018. 5. 31. [ Jquery ] 제이쿼리 Ajax 사용법 안녕하세요 오늘은 ajax에 대해서 설명 드리겠습니다. ajax를 간단히 설명하자면 비동기통신 입니다. "어?비동기통신이 뭐지" 라고 하실 수 있는데요. 비동기 통신을 간단히 설명해 드리자면 보통 웹페이지에서 url 주소가 바뀌면서 화면이 잠시 껌뻑거리는 현상을 보셧을 텐데요. 이런 현상은 back단으로 갔다 왔을 때 다시 페이지가 로드되는 현상인데요. ajax는 이런 현상이 없이 바로 통신이 가능하다는 게 장점입니다. 통신을 하지만 새로 페이지가 로드되는 방식이 아닌 ajax 요청을 한 데이터만 가져와서 그 부분에 적용하는 방식입니다. 자 설명은 여기까지 하고요. 소스를 보면서 설명 드리겠습니다. 123 Colored by Color Scriptercs 위와 같은 버튼이 있습니다. 버튼을 클릭하면 아래.. 2018. 4. 18. 이전 1 다음
