plugin - google maps autocomplete example
API de autocompletar de Google Search? (5)
¿Proporciona Google acceso a API para autocompletar para búsqueda como en el sitio real? No he podido encontrar nada.
Me gustaría utilizar la lógica de autocompletado de Google para la búsqueda web en mi propio sitio que se basa en la API de búsqueda de Google.
¿Para qué estás tratando de usar un autocompletado? Más información ayudaría a reducirlo.
Por lo que sé, google no proporciona uno, pero existen como autocompletar de jQuery UI.
EDITAR:
Si está utilizando su vista de API de búsqueda personalizada aquí para autocompletar.
Hola, no sé si esta respuesta es relevante para usted o no, pero google devuelve datos JSON a través de la siguiente solicitud (aunque esta no es una API oficial, pero muchas barras de herramientas están usando esta API, por lo que no hay motivo para que Google la suspenda )
http://google.com/complete/search?q=<Your keywords here>&hl=en
La mayoría de los métodos mencionados anteriormente funcionan para mí, específicamente lo que sigue sirve para mi propósito.
http://suggestqueries.google.com/complete/search?client=firefox&q=YOURQUERY
Al ser un novato en la programación web, no estoy muy al tanto de la funcionalidad de "devolución de llamada" y el formato del archivo devuelto por la consulta. Estoy muy al tanto de AJAX y JSON. ¿Podría alguien proporcionar más detalles sobre el formato del archivo devuelto por la consulta? Gracias.
La nueva url es:
http://suggestqueries.google.com/complete/search?client=firefox&q=YOURQUERY
la parte del cliente es requerida; No probé a otros clientes.
[EDITAR]
Si quieres la devolución de llamada usa esto:
http://suggestqueries.google.com/complete/search?client=chrome&q=YOURQUERY&callback=callback
Como @Quandary descubrió; la devolución de llamada no funciona con el cliente "firefox".
[EDIT2]
Según lo indicado por @ user2067021, esta API dejará de funcionar a partir del 10-08-2015: Actualización de la API Autocompletar
Primero, vaya a Google, haga clic en Configuración (esquina inferior derecha), cambie Configuración de búsqueda para "nunca mostrar resultados instantáneos. De esta manera, obtendrá la función de autocompletar en lugar de una página completa de resultados instantáneos.
Después de guardar su configuración, vuelva a la página principal de Google. Abra las herramientas de desarrollo de su navegador y vaya a la pestaña Red. Si estás en Firefox, es posible que tengas que volver a cargar la página.
Escriba una letra en el cuadro de búsqueda. Debería aparecer una nueva línea en la ventana de red que acaba de abrir. Esa línea muestra de dónde provienen los datos de autocompletar. Copia esa url. Debería verse algo como esto:
https://www.google.com/complete/search?client=hp&hl=en&sugexp=msedr&gs_rn=62&gs_ri=hp&cp=1&gs_id=9c&q=a&xhr=t&callback=hello
Notarás tu término de búsqueda justo después de la parte que dice q= .
Add &callback=myAmazingFunction al final de la url. Puede reemplazar myAmazingFunction con lo que quiera nombrar a su función que manejará los datos.
Aquí hay un ejemplo del código requerido para mostrar los datos de autocompletar para el término de búsqueda "a".
<div id="output"></div>
<script>
/* this function shows the raw data */
function myAmazingFunction(data){
document.getElementById(''output'').innerHTML = data;
}
</script>
<script src="https://www.google.com/complete/search?client=hp&hl=en&sugexp=msedr&gs_rn=62&gs_ri=hp&cp=1&gs_id=9c&q=a&xhr=t&callback=hello&callback=myAmazingFunction"></script>
Ahora que sabe cómo obtener los datos, el siguiente paso es cambiar automáticamente el último script (el que tiene la url de autocompletar). El procedimiento básico es: cada vez que el usuario escribe algo en el cuadro de búsqueda (onkeyup), reemplace el término de búsqueda (q = cualquiera) en la url, y luego agregue al cuerpo un script con esa url. Elimine la secuencia de comandos anterior para que el cuerpo no se sature.
Para obtener más información, consulte http://simplestepscode.com/autocomplete-data-tutorial/