基于jQueryUI和Corethink实现百度的搜索提示功能

2019-11-21 21:35:48

字体：大中小

来源：转载

供稿：网友

先给大家展示下效果图：

这里写图片描述

这里是以corethink模块的形式，只需要安装上访问

index.php?s=/test/index

1.建好模块目录，写好模块的总体文件

opencmf.PHP

<?phpreturn array(// 模块信息'info' => array('name' => 'Test','title' => 'Test','icon' => 'fa fa-newspaper-o','icon_color' => '#9933FF','description' => 'Test','developer' => 'pangPython','website' => 'http://blog.csdn.net/u012995856/','version' => '1.3.0','dependences' => array('Admin' => '1.3.0',)),// 用户中心导航'user_nav' => array(),// 模块配置'config' => array(),// 后台菜单及权限节点配置'admin_menu' => array('1' => array('id' => '1','pid' => '0','title' => 'Test','icon' => 'fa fa-newspaper-o',),'2' => array('pid' => '1','title' => '内容管理','icon' => 'fa fa-folder-open-o',),));

2.写控制器

IndexController

<?phpnamespace Test/Controller;use Think/Controller;use Home/Controller/HomeController;/****/class IndexController extends HomeController{public function index(){$this->display();}public function mydata($keyword){if ($keyword==11) {echo '["pangPython","HelloWorld"]';}else{echo '["ActionScript","AppleScript","Asp","BASIC","C","C++","Clojure","COBOL","ColdFusion","Erlang","Fortran","Groovy","Haskell","Java","JavaScript","Lisp","Perl","PHP","Python","Ruby","Scala","Scheme"]';}}}

3.写前台文件

index.html

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><link rel="stylesheet" href="http://cdn.bootcss.com/jqueryui/1.12.0/jquery-ui.css" media="screen" title="no title"></head><body><!-- Autocomplete --><h2 class="demoHeaders">Autocomplete</h2><div><input id="autocomplete" title="type "a""></div></body><script type="text/javascript" src="__PUBLIC__/libs/jquery/1.x/jquery.min.js"></script><script type="text/javascript" src="http://cdn.bootcss.com/jqueryui/1.12.0/jquery-ui.js"></script><script type="text/javascript">var url ="{:U('test/index/mydata')}";$( "#autocomplete" ).autocomplete({minLength: 2,source: function(request,response){$.getJSON(url,{keyword:request.term},function(data,status,xhr){response(data);});}});</script></html>

以上所述是小编给大家介绍的基于jQueryUI和Corethink实现百度的搜索提示功能,实现一个模拟后台数据登入的效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持！

上一篇：thinkPHP批量删除的实现方法分析

下一篇：php 计算两个时间相差的天数、小时数、分钟数、秒数详解及实例代码