向大家请教仿微博效果，如何在输入框输入@后有用户名提示 [复制链接]

帖子: 15
体力: 80
威望: 0
居住地: 广东省广州市

发表于 2012-5-4 11:06:16 |显示全部楼层

大家好，跟大家讨论一个前台效果，我在论坛搜不到类似的帖子

是仿新浪微博（其实微博都一样）的输入框，在输入@字符时，后面会有用户列表提示，如下图

是怎么做到的呢？肯定是JS实现的，但是我没有思路

是不是要先向浏览器传送用户名单，得到一个数组如array("张三","李四","小陈","小红",...)再用JS对这个数组进行搜索呢？

高级一点的就是输入拼音首字母就会有中文名字提示，如输入@z 就会提示”张三“了

大家讨论一下实现方法哈，有代码提供更好

附件: 你需要登录才可以下载或查看附件。没有帐号？注册 

从聆开始~

西部数码云主机4G内存500G仅需423元

使用道具举报

wushaojing　

啊傻

高级会员

帖子: 136
体力: 670
威望: 0
居住地: 福建省福州市

发表于 2012-5-4 16:27:08 |显示全部楼层

具体想知道可以用 FIREBUG 调试

我的思路，点击那个框框的时候浏览器JS请求账户对应的好友缓存起来，之后根据输入进行过滤，至于拼音过滤，如果是我，我的做法是，服务端发送账户的集合里面，已经包含了拼音字段了。
拿 JSON 做个例子
个人模拟下服务端的格式
[{Uid:1,UserName:"好多喵",Py:"hdm"},{Uid:2,UserName:"石沉溪",Py:"scx"}]

租服务器，上51IDC

使用道具举报