香港高速VIP云机房火爆上线啦!无需备案,开通即用!配套《巅云自助建站系统3.0》将带给您飞一般的可视化拖拽建站体验,欢迎免费体验。

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

一佰互联网站制作(www.yinxi.net) 发布日期 2019-04-26 09:03:48 浏览数: 30

先给大家展示下效果图:

 

目录:

 

这里是以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 TestController;
use ThinkController;
use HomeControllerHomeController;
/**
*
*/
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实现百度的搜索提示功能,实现一个模拟后台数据登入的效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网页设计网站的支持!

一佰互联是全国知名建站品牌服务商,我们有九年网站建设、网站制作、网页设计、php开发和域名注册及虚拟主机服务经验,提供的自助建站服务更是全国有名。近年来还整合团队优势自主开发了可视化多用户”巅云建站系统“3.0平台版,拖拽排版网站制作设计,轻松实现pc站、手机微网站、小程序、APP一体化全网营销网站建设 ,已成功的为全国上百家网络公司提供自助建站平台搭建服务。

相关新闻more

26
04月
php读取和保存base64编码的图片内容

本文实例为大家分享了php读取和保存图片内容的具体代码,供大家参考,具体内容如下<?phpheader("Content-ty... >>详情

01
05月
15种PHP Encoder的比较

来源:http://www.encodercompare.com/似乎没有一个免费且好用的。。... >>详情

28
04月
PHP实现采集抓取淘宝网单个商品信息

调用淘宝的数据可以使用淘宝提供的api,如果只需调用淘宝商品图片名称等公开信息在自己网站上,使用php中的 file_get_content... >>详情

01
04月
微信群发邀请妥不妥?

简介:12月24日,洪泽论坛一网友发帖:华夏是礼仪之邦,讲究礼尚往来,相信大家都遇到随礼的事情,如果是你们有事请客吃饭,都会用什么方式通知亲... >>详情

营业执照. cdn加速服务 备案系统认证 网络安全协会 我们的支付方式AAA认证
上海 北京 深圳 广州 天津 杭州 南京 武汉 成都 沈阳 大连 长沙 济南 青岛 苏州 福州 无锡 哈尔滨 宁波 重庆 大庆 厦门 西安 长春 珠海 郑州 海口 昆明 太原 石家庄 温州 合肥 乌鲁木齐 南宁 南通 合肥 兰州 呼和浩特 贵阳 烟台 秦皇岛 包头 唐山 银川 汕头 连云港 威海 西宁 湛江 北海 万州 涪陵 长寿 黔江 永川 丰都 忠县 江津 南川 开县 云阳 万盛 梁平 垫江 巫山 城口 建站宝盒 免费建站 门户网站建设 微信网站 手机网站 门户网站制作

7x24小时服务电话:18581389571 传真:023-85725751 免费建站交流群:236412099 139947842(自助建站交流) E-Mail:post@yinxi.net 网站投诉:
重庆楚捷科技有限公司 一佰互联©版权所有 自助建站(www.yinxi.net,Inc.) 2001-2020 All Rights Reserved 本站程序受法律保护,网站法律顾问:ITLAW-庄毅雄律师
中华人民共和国信息产业部网站备案号:渝ICP备12000592号