ajax跨域实现百度搜索提示功能:云服务器 关闭休眠

時間:2024-01-14 18:50:34 作者:云服务器 关闭休眠 熱度:云服务器 关闭休眠
云服务器 关闭休眠描述:: 总所周知,为了提提高用户体会度,百度搜索引擎在用户通过输入框进行关键词搜索的时候,会依据用户输入的关键词来匹配出常用的关键词出来以供用户抉择,比如搜索建站公司这个词的时候,会有这样的功效: 这就是百度搜索提示的性能,看上去是一个小性能,实际上包含的东西还是挺多的;其中实现的原理:就是用户通过-输入关键词-这样一个键盘事件来触发ajax请愿,通过ajxa发送到百度数据库中,返回出用户常用相匹配的关键词给前台阅读器,展示出在页面不刷新的场合下;给用户一种对照好的搜索体会度;我们都知道ajxa最大的优点就是可以在不刷新页面的场合下就可以直接获取数据,这种体会是非常友好的,某种水平上给我们省了许多麻烦。那么,上面的这个性能怎么实现呢,下面,建站公司小编就带大家来实现。 首先,我们需要了解ajxa的一个根本采用想法:如图: 采用ajax的时候,需要几个根本的参数:type:服务器请愿方式;默认场合下为get;url:需要发送数据请愿的网址;dataType:服务器返回的数据形式;data:发送请愿需要传递的数据;success()想法:请愿胜利的处置函数;error()函数:请愿失败的处置函数;假如要实现百度搜索提示的性能,由于url没有现成的内容,并且跟着时间的变化,这个URL还不一定一直是不变的(仅仅是笔者的猜测);所以URL是自己通过阅读器解析得到一些线索: 通过搜索差异的关键词,我们可以发明,百度搜索引擎在鼠标按下的刹那就会触发ajax请愿,并且请愿的url有些场所是雷同的,有些则是差异的,从图中我们可以解析下参数:ie:返回结局数据编码;from:阅读器类型(pc端手机端);d:输入的关键词;cb:处置返回结局集的函数名对应的参数名;JQuery那一串则是处置返回结局集的函数名;并且这个函数名是有ajxa系统自动生成的;为什么需要这么处置呢?在ajax跨域处置的时候,就会采用js动态创造script标签,通过引入外部js数据处置文件来实现跨域的疑问;这样一想,百度官方也是批准外部人员来采用这个接口的吧。其它的参数,由于不明白什么就不一一辩白了,但是,通过搜索差异的关键词发明,这些参数根本都是一样的;由于通过上面的解析我们就可以得到这个url了:【sbausugrec?ie=utf-8prod=pcd=武汉做网站yy=xxx】;有了url,我们就可以开端实现了,对于跨域疑问,大家就自行百度搜索一下吧。下面就直接上代码了;同时,代码中还设计到了腾讯开发的:artTemplae;有嗜好的朋友可以网上了解一下; HTML部门: HTML部门对照简朴,一个输入框,一个显示结局的div。 css部门: css也对照简朴,让页面看起来对照舒服些。 JS部门: JS部门包括了事件处置,数据处置,模版定义和内容的渲染;通过键盘keyup事件来获取输入的关键词,然后通过发送ajxa请愿来获取数据;再通过template绑定好数据到定义好的模版里,最后渲染数据到显示结局的div里。 功效呈现: 最后测试了一下;通过搜索建站公司这个关键词得到了功效图,和在百度里搜索的截图是一致,ajax跨域实现百度搜索提示的性能就算完成了。
站長聲明:以上關於【ajax跨域实现百度搜索提示功能-云服务器 关闭休眠】的內容是由各互聯網用戶貢獻並自行上傳的,我們新聞網站並不擁有所有權的故也不會承擔相關法律責任。如您發現具有涉嫌版權及其它版權的內容,歡迎發送至:1@qq.com 進行相關的舉報,本站人員會在2~3個工作日內親自聯繫您,一經查實我們將立刻刪除相關的涉嫌侵權內容。