🎨 Web_Front end/Ajax

🎨 Web_Front end/Ajax

제이쿼리에서 JSON 사용하기

PC 브라우저와 서버 그리고 Ajax를 연동할 때는 XML 형식으로 데이터를 주고 받고, 모바일 사용량이 많은 요즘 모바일에서도 서버와 Ajax로 연동해 작업을 많이 한다. 그런데 XML로 연동할 경우 내부적으로 여러 단계의 처리 과정을 거치게 되므로 자원이 열악한 모바일 환경은 속도 면에서 불리하다. 따라서 대부분 XML보다 형식이 단순한 JSON으로 데이터를 주고 받는다. JSON name/value 쌍으로 이루어진 데이터 객체를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방적 표준 데이터 형식이다. 비동기 브라우저/서버 통신(Ajax)을 위해 XML을 대체하는 데이터 전송 형식 중 하나라고 이해하면 된다. 근본은 자바스크립트에서 파생되어 자바스크립트의 구문 형식을 따름, 프로그래밍 언어..

🎨 Web_Front end/Ajax

[Ajax] 검색 제시어 기능 만들기

검색엔진을 사용할때 검색빈도가 높은 목록을 정렬해서 알려준다 해당 기능을 Ajax를 이용해서 작성해보자 제시어 기능 흐름 입력한 검색어를 서버에 전송 전달받은 검색어를 사용해서 제시어 목록을 추출 제시어 목록을 지정한 양식으로 클라이언트에 전송 응답 텍스트를 분석한 뒤, 제시어 목록을 화면에 출력 suggest.jsp suggestclient.html

🎨 Web_Front end/Ajax

제이쿼리 Ajax란?

1. 제이쿼리 Ajax 기능 온라인 쇼핑몰에서 회원 가입을 하려면 먼저 ID 중복 여부를 체크하는데, 이때 보통 회원가입 페이지는 브라우저에 표시된 채 ID 중복 여부를 확인하는 창만 서버에 질의하여 화면에 따로 보여준다. 이처럼 클라이언트 측에서의 작업과는 상관 없이 비동기적으로 서버와 작업을 수행할 때 Ajax 기능을 사용한다. Ajax Asynchronous Javascript(비동기 자바스크립트) + XML의 의미로 자바스크립트를 사용한 비동기 통신, 즉 클라이언트와 서버 간의 XML이나 JSON 데이터를 주고받는 기술이다. 페이지 이동 없이 데이터 처리가 가능하고, 서버의 처리를 기다리지 않고 비동기 요청이 가능하다는 특징이 있다. 기존 웹 페이지 동작 방식과 Ajax 웹 페이지 동작 방식 비교..

개발진스
'🎨 Web_Front end/Ajax' 카테고리의 글 목록