2012-06-04 4 views
1

Google 웹 사이트 (예 : Google 인스턴트)에 대한 즉석 검색을 준비해야합니다. 사용자가 입력 할 때 스크립트는 결과를 제안해야합니다. 내가 PHP + html + javascript가 필요하다는 것을 이해함에 따라. 제안이나 링크 또는 유용한 정보가 있습니까?즉시 검색 웹 사이트

덕분에 사전

답변

0

에서 이것은 일반적으로 AJAX를 사용하여 수행됩니다. http://www.w3schools.com/php/php_ajax_livesearch.asp

+0

나는 tryed, index.html, livesearch.php 및 links.xml을 만들었습니다. 입력하는 동안 처음 만난 오류 : 경고 : DOMDocument :: load() [domdocument.load] : 시작 태그가 예상 됨 ' '에서 찾을 수 없습니다 ... 그러면 links.xml을 편집했습니다. 추가 한 내용은

+0

입니다. 입력하는 동안 "no suggestions"가 표시됩니다. –

+0

xml을 사용하여 검색하는 것이 아니라 실제 사과에서 아이디어의 간단한 예와 같습니다. 데이터베이스에서 어쩌면 검색하십시오. 나는 당신을 올바른 방향으로 가리 키기 위해 게시했습니다. –

0

색인을 생성하는 데는 미친 양의 색인이 필요합니다. 거의 모든 키워드를 색인화하고 각 키워드에 대한 검색 결과를 저장해야합니다. 빠른 데이터베이스에서 실시간 검색을 수행 할 수있는 방법은 없습니다. 좋은 인덱스가 있으면 JQuery의 .keypress 함수를 사용하여 사용자가 무언가를 입력했는지 여부를 감지 할 수 있습니다. 사용자가 검색 쿼리를 서버에 보내고 결과를 가져 와서 자바 스크립트를 사용하여 표시 할 수 있습니다.

0

각 기사 또는 예에 대한 태그를 설정해야합니다. 사이트의 모든 카테고리에서 검색하십시오. 프런트 엔드

예 번호 :

 // index.html 

     // ajax 
     <script type="text/javascript"> 
      function loadXML(query) { 
       $.ajax({ 
        type: "POST", 
        data: ({ajaxSearch : query.value}), 
        url: 'search.php', 
        success: function(data) { 
         $('#searchcontainer').html(data); 
        } 
       }); 
     </script> 

     // html 
     <input type="text" id="ajaxSearch" onkeyup="loadXML(this);" /> 
     <div id="searchcontainer"></div> 
0

jQuery를 UI 자동 완성으로 사용해. 그래서 당신이 필요합니다

http://jqueryui.com/demos/autocomplete/

문자열 배열에있을 것입니다 검색에 대한 데이터를

[ "tag1", "tag2", "tag3" ... ] 

같은 : 그것은 당신이 계신 구현하기 위해 설치 쉽고 아주 쉽게 데이터베이스 쿼리 (또는 수동 검색 용어 설정)를 수행하고이를 기반으로 배열을 채 웁니다.