{"id":514,"date":"2011-07-14T15:44:07","date_gmt":"2011-07-14T15:44:07","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=514"},"modified":"2015-07-14T22:10:18","modified_gmt":"2015-07-14T22:10:18","slug":"buscador-con-sugerencias-elegantes","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/","title":{"rendered":"Buscador con sugerencias elegantes"},"content":{"rendered":"<p><a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/09\/buscadorajax.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-515\" title=\"buscadorajax\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/09\/buscadorajax.jpg\" alt=\"\" width=\"188\" height=\"208\" \/><\/a>Todos sabemos lo c\u00f3modo que es cuando vas a buscar una palabra en un buscador y nada m\u00e1s escribir la primera letra se te muestra una abanico de sugerencias que pueden coincidir con lo que est\u00e1s buscando. Lo m\u00e1s normal es que no tengas que escribir m\u00e1s de dos o tres car\u00e1cteres pues cuando vas concretando un poco m\u00e1s, el abanico de ayudas se hace m\u00e1s peque\u00f1o y concreto, por tanto, har\u00e1s clic en una palabra del abanico porque es la que estabas buscando.<\/p>\n<p>Para implementarlo hacemos uso de varias t\u00e9cnicas: MySQL (la base de datos), HTML \/ CSS para el estilo, PHP para la recuperaci\u00f3n de los datos y jQuery para la solicitud de AJAX.<\/p>\n<p>El buscador muestra un aspecto mucho m\u00e1s mejorado que el de google pero con la misma tecnolog\u00eda.<\/p>\n<p>Si quieres implementar esta ayuda para los visitantes en tu blog, sitio web o buscador propio, aqu\u00ed tienes un art\u00edculo muy interesante.<\/p>\n<p>Ver ejemplo en funcionamiento<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Todos sabemos lo c\u00f3modo que es cuando vas a buscar una palabra en un buscador y nada m\u00e1s escribir la primera letra se te muestra una abanico de sugerencias que pueden coincidir con lo que est\u00e1s buscando. Lo m\u00e1s normal es que no tengas que escribir m\u00e1s de dos o tres car\u00e1cteres pues cuando vas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":515,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31,5,3],"tags":[68],"class_list":["post-514","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ajax","category-jquery","category-php","tag-buscadores"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Buscador con sugerencias elegantes - Jose Aguilar Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Buscador con sugerencias elegantes - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"Todos sabemos lo c\u00f3modo que es cuando vas a buscar una palabra en un buscador y nada m\u00e1s escribir la primera letra se te muestra una abanico de sugerencias que pueden coincidir con lo que est\u00e1s buscando. Lo m\u00e1s normal es que no tengas que escribir m\u00e1s de dos o tres car\u00e1cteres pues cuando vas [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2011-07-14T15:44:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-07-14T22:10:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/09\/buscadorajax.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"188\" \/>\n\t<meta property=\"og:image:height\" content=\"208\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/\",\"name\":\"Buscador con sugerencias elegantes - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/09\/buscadorajax.jpg\",\"datePublished\":\"2011-07-14T15:44:07+00:00\",\"dateModified\":\"2015-07-14T22:10:18+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/09\/buscadorajax.jpg\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/09\/buscadorajax.jpg\",\"width\":188,\"height\":208},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Buscador con sugerencias elegantes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Buscador con sugerencias elegantes - Jose Aguilar Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Buscador con sugerencias elegantes - Jose Aguilar Blog","og_description":"Todos sabemos lo c\u00f3modo que es cuando vas a buscar una palabra en un buscador y nada m\u00e1s escribir la primera letra se te muestra una abanico de sugerencias que pueden coincidir con lo que est\u00e1s buscando. Lo m\u00e1s normal es que no tengas que escribir m\u00e1s de dos o tres car\u00e1cteres pues cuando vas [&hellip;]","og_url":"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2011-07-14T15:44:07+00:00","article_modified_time":"2015-07-14T22:10:18+00:00","og_image":[{"width":188,"height":208,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/09\/buscadorajax.jpg","type":"image\/jpeg"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/","url":"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/","name":"Buscador con sugerencias elegantes - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/09\/buscadorajax.jpg","datePublished":"2011-07-14T15:44:07+00:00","dateModified":"2015-07-14T22:10:18+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/09\/buscadorajax.jpg","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/09\/buscadorajax.jpg","width":188,"height":208},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/buscador-con-sugerencias-elegantes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Buscador con sugerencias elegantes"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/514","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=514"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/514\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/515"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=514"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=514"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}