Joyo搜索框是如何完成中文自动填充的

今天跑到Joyo网去看看我需要的书到货没有，顺便搜索了一下其他书籍，我发现有自动填充，原来没有发现呢。汗颜。

案例：

如果我输入de,下面会有”德语“，”德川家康“等条目出现，伴随有多个搜索结果。

问题：

Joyo是怎么实现的呢？

分析：

当然我不可能看到其源代码和数据库schema。下面按照我自己的思路来解决这个问题。

首先看看Joyo网的效果:

当你输入"de"，会出现以下结果:

我们可以看到会出现以"de"发音的汉字，当然也包括英文。

当输入"deyu"会是什么效果呢？看图：

时间： 2025-01-20 19:39:16

Joyo搜索框是如何完成中文自动填充的的相关文章

ThinkPHP自动填充实现无限级分类的方法_php实例

本文实例展示了ThinkPHP自动填充实现无限级分类的方法,是ThinkPHP常用功能之一,非常具有实用价值.现将完整实例分享给大家,供大家参考.具体实现步骤如下: 表aoli_cate如下图所示: 一.action部分: aoli/Home/Lib/Action/CataAction.class.php文件如下: <?php class CateAction extends Action{ function index(){ $cate=M('cate'); $list=$cate->fie

黑客可通过钓鱼攻击窃取浏览器自动填充的私人信息

安全人员发现,不法网络钓鱼者,通过在网上安装隐藏的文本框,即可盗取浏览器自动填充密码管理器当中的私人信息.芬兰的Web开发人员和黑客Viljami Kuosmanen发现,谷歌Chrome,苹果Safari和Opera等浏览器,以及一些插件和工具:如LastPass,可被欺骗,通过它们基于配置文件的自动填充系统,将用户个人信息泄露给黑客. 这种网络钓鱼攻击极其简单.Kuosmanen发现,当用户试图填充网页上一些纯文本框,如姓名.电子邮件地址等等,自动填充系统会发挥作用,其目的是避免标准信息等乏

jquery+php实现搜索框自动提示_jquery

今天突然想给本站做个搜索页面,这样用户可以通过搜索来找到自己喜欢的内容,也避免了在海量信息中手动查找资源的麻烦,我的目标和百度首页的效果类似,当用户输入要搜索的文字时,我们在下方给出相关的十条信息,如果用户要找的就是这十条信息内的某一条,那么简单,直接点击就可在新页面中打开页面,主要就是想更人性化一点,让用户使用起来更方便. 先看一下效果图吧,这样更有动力,要不然大家还不知道我在讲什么,到底要达到什么样的效果! jquery+php实现搜索框自动提示下面先主要讲解原理: 在search.htm

关于搜索框的自动补全问题

问题描述在做搜索框的自动补全功能时,当打开输入法的情况下,敲击键盘,屏幕上出现输入法的中文提示,搜索框中也出现了相应的拼音,但是在没有敲击空格输入中文前,搜索框下方不会出现提示框,请问这个问题怎么解决??? 解决方案这很正常吧.你还没有输入文字呢,怎么会显示自动补全框呢!解决方案二:还没输出,就不会触发匹配事件.除非程序在输入法打开情况下也能监控输入.

php 搜索框提示(自动完成)实例代码_php实例

百度的搜索大家都在用,当用户输入文字时,搜索框下面自动提示相关的信息,加强了用户体验,的确不错,那么这个效果是如何实现的呢先看一下效果图吧,这样更有动力,要不然大家还不知道我在讲什么,到底要达到什么样的效果! 下面先主要讲解原理: 在search.html页面中,用户在搜索框内输入"j"时,使用javascript获取搜索框的文本内容,到数据库中查找相关的内容并返回,再使用javascript将服务器返回的结果显示在搜索框下面的提示框内,供用户参考选择. 具体的实现方法: 首先在页面

Android开发之搜索框自动提示细节MatrixCursor学习

1,在ActionBar里面加入搜索框在ActionBar里面加入搜索框是现在APP应用的常用做法.要想把搜索做好,可不是那么容易.涉及到自动提示和真正的搜索.下图是我对一个相对完整的搜索框涉及的元素关系做了一个图,箭头只表示它们之间有关系,不是类图中的继承. 一个Activity会有一个ActionBar,默认情况下.你可以在ActionBar里面添加菜单条目.菜单条目可以设置标题,图标以及关联的ActionView,这里我们关联了一个SearchView.SearchView和Search

json-android 搜索框自动提示API

问题描述 android 搜索框自动提示API 各位资深前辈们.朋友们,问题是这样的: 1.希望实现以下功能:在edittext中输入城市名称,然后弹出listview,列出用户可能希望输入的完整的城市名称,如输入"北",listview中列出 "北京" "北川" "北海道" 等,由于输入内容无法全部预知,所以无法采用本地数据库存储信息的方式,希望可以根据输入内容在网络上进行查找相关字符串,并以json或者xml格式返回结果.

使用Bootstrap typeahead插件实现搜索框自动补全的方法_javascript技巧

这就是贴代码的坏处之一:搜索框快被网友玩儿坏了!!!有故意输入空格的,有输入or 1=1的,有alert的,有html乱入的.......而且好像还在玩儿,随他们去吧,只要开心就好. 在项目中,经常会用到输入框的自动补全功能,就像百度.淘宝等搜索框一样:当用户输入首字母.关键词时,后台会迅速将与此相关的条目返回并显示到前台,以便用户选择,提升用户体验.当然本项目的补全功能和这些大厂的技术是没有可比性的,但用于站内搜索也是绰绰有余了. 接触到的自动补全插件主要有两个:autocomplete和ty

JavaScript实现搜索框的自动完成功能(一)_javascript技巧

在很多需要搜索的网站, 都会有一个自动完成的搜索框. 方便用户查找他们想要的搜索词. 帮助用户快速找到自己想要的结果. 这种方式是比较友好的. 所以是比较提倡使用的. 先给大家展示下效果图: 实现这个功能需要服务端配合.客户端通过脚本来展示从服务端取得的数据. 先看客户端的HTML: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DT