Ajax(XML방식)

XML 방식을 이용한 ajax 를 이어서 회원정보를 보여준다.

[ main.jsp ]

 

검색을 통한 값을 ajax로 보여주기

 

현재 이름검색에 커서가 깜박이게 한다.

span 태그를 버튼 과 동일한 형태로 바꾸어 본다.

 

이제 여기서 검색후 확인 버튼을 누르면 ajax로 검색한 회원만 나오게 할것이다.

 

DAO 에서 Query문을 하나 짜야 한다.

 

[ main.jsp ]

위에 보인곳에서 작성해야 한다.

 

onclick 도 되지만 우리는 jQuery 를 이용하여 해볼것이다.

아래 검색에 확인 버튼을 누르면 사라지게 된다.

 

검색된 회원의 정보와 전체회원의 목록과 같은 URL에서 사용한다.

 

[ XmltestMemberAction.java ]

 

 

확인을 눌러서 나올때 깜박임 없이 자연스레 잘 나온다.

 

 

문제는 언터를 했을경우 검색한 값 하나만 나와야 하는데 비정상 적으로 전체가 나온다.

위에처럼 input 태그를 하나 더 만들어주어서 숨겨주면 엔터를 했을경우 반응이 없다.

 

그러므로 엔터를 했을경우 가능하게 만들어준다.

먼저 새로운 함수를 만든다.

그후 아래 input 태그의 id 값을 가져와서 엔터를 했을 경우의 event 함수를 만든후 아래 ajax의 함수를 호출한다.

성공적으로 엔터를 했을경우 비정상적이지 않고 잘 나온다.