实现搜索联想

身在天朝的我们,自然事事问百度!

然不知小伙伴们是否注意到百度首页搜索框中的智能搜索词联想功能呢?

咋一看确实很唬人,其实内部只是利用JSONP技术,通过跨域获取到后台服务器中的搜索关联词后呈现在用户面前,由于过程迅速且实时关联,因此给用户一种实时智能搜索词联想的用户体验,这种体验的确很棒!

本文将仿百度首页搜索词联想功能,利用JSONP技术实现简陋版搜索联想,其意在展现JavaScript例子,而非技术原理。例子详情请见本文下方的代码与效果。

注:如要了解JSONP技术的原理,请参考我的博文“疯狂的JSONP”。

效果展示

posted @ 2013-12-19 16:44  twobin  阅读(1196)  评论(0编辑  收藏  举报