자신의 웹 응용 프로그램에서 Google 제안을 구현하는 방법 (예 : Python 사용)
-
05-07-2019 - |
문제
내 웹 사이트에서 사용자는 링크를 저장할 수 있습니다.
지정된 필드에 인터넷 주소를 입력하는 동안 Google 제안 또는 Chrome Omnibar와 유사한 제안/자동 완성 상자를 표시하고 싶습니다.
예시:
사용자는 URL로 입력합니다.
http://www.sta
표시 될 제안 :
http://www.staples.com
http://www.starbucks.com
http://www.stackoverflow.com
바퀴를 재창조하지 않고 어떻게이를 달성 할 수 있습니까? :)
해결책
당신은 함께 시도 할 수 있습니다http://google.com/complete/search?output=toolbar&q=keyword
그런 다음 XML 결과를 구문 분석하십시오.
다른 팁
나는 django 서버에서 전에 한 번 이것을했다. 클라이언트 측 및 서버 측의 두 부분이 있습니다.
클라이언트 측면 사용자가 입력 할 때 xmlhttprequests를 서버로 보내야하고 정보가 다시 등장하면 표시해야합니다. 이 부분에는 콜백 및 키 프레스 핸들러와 같은 까다로운 부분을 포함하여 적절한 양의 JavaScript가 필요합니다.
서버 측면에서 지금까지 입력 한 내용이 포함 된 XMLHTTPREQUESTS를 처리해야합니다. URL처럼
www.yoursite.com/suggest?typed=www.sta
그런 다음 어떤 식 으로든 인코딩 된 제안으로 응답하십시오. (JSON을 인코딩하는 것이 좋습니다.) 실제로 데이터베이스에서 제안을 받아야합니다. 이는 프레임 워크에 따라 간단한 SQL 호출 또는 다른 것일 수 있습니다.
그러나 서버 측 부분은 매우 간단합니다. 클라이언트 측 부분은 까다 롭습니다. 나는 이것을 찾았다 기사 도움이 되는
그는 PHP에서 물건을 쓰고 있지만 고객 부면 작업은 거의 동일합니다. 특히 그의 CSS가 도움이 될 수 있습니다.
자동 완성이 자신의 데이터베이스에서 날짜를 사용하려면 직접 검색하고 AJAX를 사용하여 사용자 유형으로 제안을 업데이트해야합니다. 검색 부분의 경우보고 싶을 수도 있습니다. 루센.
그 컨트롤은 종종 단어 휠이라고합니다. MSDN은 최근에 있습니다 연습 하나를 쓰는 데 LINQ
. 연기 된 실행과 게으른 평가의 두 가지 중요한 측면이 있습니다. 이 기사에는 소스 코드도 있습니다.