基于jQueryUI和Corethink实现百度的搜索提示功能
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了基于jQueryUI和Corethink实现百度的搜索提示功能,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2263字,纯文字阅读大概需要4分钟。
内容图文
先给大家展示下效果图:
目录:
这里是以corethink模块的形式,只需要安装上访问
index.php?s=/test/index
1.建好模块目录,写好模块的总体文件
opencmf.PHP
<?php return 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
<?php namespace 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实现百度的搜索提示功能,实现一个模拟后台数据登入的效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
内容总结
以上是互联网集市为您收集整理的基于jQueryUI和Corethink实现百度的搜索提示功能全部内容,希望文章能够帮你解决基于jQueryUI和Corethink实现百度的搜索提示功能所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。