웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] jQuery Ajax 자동완성 플러그인 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] jQuery Ajax 자동완성 플러그인

해피CGI윤실장 2025. 8. 5. 09:42

 jQuery.Autocomplete 는 사용자가 텍스트를 입력할 때 텍스트 입력 필드에 AJAX 조회 기능을 갖춘 자동완성/자동제안 드롭다운 목록을 첨부하는 jQuery 기반 자동 완성 플러그인입니다.

 
라이센스 : MIT
 
 

# 사용방법

압축해제하시면 index.html 파일이 있습니다. 
해당 파일이 샘플 입니다.



 
 
1. 자동완성 플러그인을 첨부할 입력 필드를 만듭니다.


 
2. 페이지에 jQuery 자동완성 플러그인을 포함합니다.

 
 
3. 입력 필드에서 함수를 호출하고 서버 측 URL 경로를 지정합니다. 서버 응답은 다음과 같은 JSON 형식이어야 합니다.

 
 
4. 이 플러그인을 사용하면 로컬에서 제안을 로드할 수도 있습니다.

 
 
5. CSS 예시

 
 
6. 옵션 및 기본값

 
 
7. API 메소드

 

Comments