Ajax자동완성_구현방법

Download Report

Transcript Ajax자동완성_구현방법

초기화면
검색화면을 보여줁다.
자동완성 검색
검색어 등록시 디비에서
관련된 검색어를 보여준다
 개발환경
Framework
Sping2 + iBatis2
UI
Ajax, JSON , JSP
SCRIPT
Javascript
Web Container
Tomcat 5.5
DB
Oracle9
JDK
jdk1.6.0_04
 구성도
[Logic]
AjaxAutoXml.java
autoComplete.jsp
Input type=‘text’
ID=“names”
[SCRIPT]
search()
[SCRIPT]
callback()
 주요 기능 설명
JSON 출력을 위한 Spring Action 설정
Library 설정
json-lib-2.2.3-jdk15.jar
ezmorph-1.0.4.jar
JSONArray jsonArray = JSONArray.fromObject(resultlist); //결과리스트를 JSON 배열 형태로 만든다
JSONObject jsonObject = JSONObject.fromObject(obj);
//JSON 객체 형태로만든다.
AJAX 호출 결과 JSON 받기
Var result = xmlHttp.responseText
Var autoComplete = eval(‘(‘ + result + ‘)’)
[Logic]
AjaxAutoXml.java
autoComplete.jsp
Input type=‘text’
ID=“names”
[SCRIPT]
search()
[SCRIPT]
callback()
[SCRIPT]
search()
[Logic]
AjaxAutoXml.java
[SCRIPT]
callback()