2017-12-19 2 views
0

자동 완성 검색 막대를 만들려고합니다. 내가 지금까지 가지고하는 것은 :의미 요청이 자동 요청 완료와 함께 완료되지 않습니다.

<div class="ui search"> 
    <div class="ui inverted transparent icon input"> 
     <input class="prompt" type="text" placeholder="Search..."> 
     <i class="search icon"></i> 
    </div> 
    </div> 





<script> 
$('.ui.search') 
    .search({ 
    apiSettings: { 
     url: '/search?key={query}' 
    }, 
    }); 
</script> 

그리고 router.get ('/ 검색', ... 이 하나는 데이터베이스 검색 (몽구스)을 수행하고 이름이 검색에 포함 된 모든 문서 배열을 반환 res.send (thearray)하지만이 작동하지 않습니다, 그것은 바로 res.send을 사용하고 스크립트를 잘

+0

어떤 자동 완성 플러그인을 사용하고 있습니까? API에서 어떤 입력을 기대합니까? API가 해당 플러그인에서 보낸 요청을 지원합니까? – Zilvinas

답변

0

는 시맨틱 UI의 예를 참조하십시오입니다 : : 문자열과는 않습니다.? https://semantic-ui.com/modules/search.html#/examples

$('.ui.search') 
    .search({ 
    apiSettings: { 
     url: '//api.github.com/search/repositories?q={query}' 
    }, 
    fields: { 
     results : 'items', 
     title : 'name', 
     url  : 'html_url' 
    }, 
    minCharacters : 3 
    }) 
; 

API의 응답을 일치하는 입력란에 매핑해야합니다. r 검색과 동일합니다.

관련 문제