크롤링한 데이터에 자동완성 기능을 구현하고 싶습니다.

조회수 1564회

안녕하세요.

특정 웹사이트에서 크롤링한 데이터를 검색창에 검색했을 때 자동완성이 되는 기능을 구현하고 싶습니다.

그 중에서도 Item 모델에 있는 데이터 중 어떤 정보를 입력해도

자동완성이 되게끔 구현하고 싶습니다. 이미지

예를 들어 검색창에 {{Item.country}}에서 긁어진 country 데이터 중에서도 ger까지만 입력하면 아래에 germany가 자동완성되는 기능을 구현하고 싶습니다.

여러 장고 autocomplete 예제를 봤지만 원하는대로 구현되지 않아 해결책을 여쭤봅니다.

  • (•́ ✖ •̀)
    알 수 없는 사용자

1 답변

  • 장고하고 무관한 기능입니다.

    보통 ajax로 서버쪽에서 json 혹은 xml 데이터를 받아와서 클라이언트(자바스크립트)에서 구현하는 기능입니다.

    즉 자바스크립트에서 이벤트(알파벳입력)가 일어나면 서버쪽에 ajax 요청을 하게 되고 받아온 데이터를 파싱하여 보여주는 형태가 됩니다.

    장고에서는 export를 json 이나 xml로 주는 형태까지만 제작하면 되고 나머지는 자바스크립트에서 작업하게 됩니다.

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)