2011-11-11 4 views
1

내 웹 사이트에 검색 상자를 구현하려고하는데 내 웹 사이트는 로그인하고 작업하는 사용자를 기반으로합니다. 검색 상자에 내용을 입력 한 다음 결과를 드롭 다운에 표시 할 수 있기를 원합니다.mysql 데이터베이스를 검색하고 내 사이트에 실시간으로 결과를 표시합니다.

이 내용은 How to query MySQL Database and display its search results by PHP?과 중복되어 생각할 수도 있습니다. 비슷한 내용이지만 새로운 글자가 입력되면 실시간으로 결과를 표시 할 수 있기를 원합니다.

이 기능은 사용자를 검색 할 수있는 페이스 북 검색 상자와 매우 비슷합니다.

감사합니다. 가능한 한 명확하게하려고 노력했습니다.

편집 : 가능한 결과를 찾으려고 시도했으나이를 실시간으로 표시하는 방법을 모릅니다. AKA : select 문은 검색된 내용이 이름에 포함되어 있는지를 확인합니다. 그런 다음 에코가 표시됩니다.

+1

귀하의 질문이 SO에 대한 지침에 맞지 않습니다. 당신은 소프트웨어 개발 원칙에 대해 상당히 상세한 교육을 요구하는 것 같습니다. 그래서 특정 프로그래밍 문제에 대해 명확하고 구체적인 질문을하기위한 것입니다. http://stackoverflow.com/questions/how-to-ask –

+0

을 읽고 ajax + onkeypress가 필요합니다. jquery 자동 완성 샘플을 검색하십시오. 이것은 실시간이 아니며 귀하의 질문에 다시 답할 것입니다. – danihp

답변

3

나는 당신이 "자동 완성"라인을 따라 뭔가를 언급하고 있다고 생각합니다.

jQuery UI Autocomplete을 참조하십시오.

원하는 경우 ... 사용자가 입력 할 때마다 JavaScript를 사용하여 AJAX 요청을 만들고 JavaScript를 사용하여 결과를 표시합니다.

0

당신은 다음을 수행해야합니다

  1. 가 입력 필드에 각 키 스트로크에서 실행되는 웹 페이지에 자바 스크립트를 포함합니다.

  2. 이 자바 스크립트는 검색 필드의 현재 내용으로 서버에 AJAX 요청을 보내야합니다.

  3. PHP 서버는이 요청을 인식하고 데이터베이스에 대해 검색을 수행 한 다음 결과를 (일반적으로 JSON 문자열로) 패키지화하여 페이지에 반환해야합니다.

  4. 서버에 AJAX 호출을 발행 한 것과 동일한 자바 스크립트가 응답을 서버에서 수신 할 때 호출되는 함수를 작성합니다. 이 자바 스크립트 코드는 결과 문자열을 해석하고 웹 페이지의 위젯을 새 정보로 업데이트해야합니다.

검색 방법에 대한 정보는 AJAX 및 JSON에서 검색하십시오. 또한이 프로세스를 자동화하는 데 도움이되는 수많은 자바 스크립트 라이브러리가 있습니다. 시작하려면 jQuery와 AJAX를 검색 할 수 있습니다.

관련 문제