php联想输入,自动联想搜索提示功能
var currentUrl = "<?=urldecode(Url::toRoute(['/article/default/index']))?>";
var AutoComplete = "<?=urldecode(Url::toRoute(['/article/default/autocomplete']))?>";
var repositorytypehandle= "<?=urldecode(Url::toRoute(['/article/default/handle']))?>";
:$(".kwarticle").keyup(function (){
var q = $.trim($(".kwarticle").val());
var id="=$id?>"
var pId="=$pId?>"
$('[name="kws"]').val(q);
if (!q) {
$(".choul").css("display", "none");
return false;
}
var data = "&q="+q+"&id="+id+"&pId="+pId;
$.ajax({
url: AutoComplete,
data: data,
type: 'GET',
dataType: 'json',
timeout: 1000,
cache: false,
success: succFunction //鎴愬姛鎵ц鏂规硶
});
function succFunction(tt) {
$(".choul").html('');
var json = eval(tt); //鏁扮粍
// alert(tt);
$.each(json, function (index, item) {
//寰幆鑾峰彇鏁版嵁
var name = json[index].title;
var id = json[index].id;
$(".choul").append("
"+name+"");
});
if (json.length== 1) {
//寰幆鑾峰彇鏁版嵁
var name = json[0].title;
var id = json[0].id;
$('[name="ids"]').val(id);
}
}
$(".choul").css("display", "block");
});
$(document).on("click",".choul li",function () {
$(".kwarticle").val($(this).text());
$(".choul").css("display", "none");
var selectvalue=$(this).text();
var id=$(this).attr('data');
$('[name="ids"]').val(id);
$('[name="choxq"]').val(selectvalue);
})public functionactionAutocomplete(){$this->layout=false;$q= Yii::$app->request->get('q');//联想输入词$params= Yii::$app->request->get();if(empty($q)){$output=array('status'=>2,'tips'=>'暂无数据','data'=>array(),);echojson_encode($output);exit;}else{$query=Article::find();$query->select('*');if(!empty($params['id'])&&empty($params['pId'])){//取主分类下面的所有子分类文章且不是搜索过来的情况$sonlist=\app\models\RepositoryType::find()->where(['pId'=>$params['id']])->asArray()->all();$arr='';foreach($sonlistas$k=>$v){$arr.=','.$v['id'];}$query->where(['repositoryId'=>explode(',',$arr)]);}elseif(!empty($params['id'])&&!empty($params['pId'])){$query->where(['repositoryId'=>$params['id']]);}$query->andWhere(['isDel'=>2]);$query->orderBy('createTime desc');$query->asArray();$data=$query->all();// $data = Article::find()->where(['like','title',$q])->asArray()->all();if(!empty($data)) {$output=array('status'=>1,'tips'=>'','data'=>$data,);}else{$output=array('status'=>2,'tips'=>'暂无数据','data'=>array(),);}header('Content-Type:application/json; charset=utf-8');exit(json_encode($data,0));}}
php联想输入,自动联想搜索提示功能相关推荐
- 通过jQuery实现淘宝搜索提示功能
一.先来展示下功能: 淘宝搜索提示功能 二.实现: 1.大体实现思路: 先从input框里获得输入的内容,再把得到的内容通过jQuery封装的ajax以jsonp的形式发送出去.接着把响应回来的数据渲 ...
- solr入门之參考淘宝搜索提示功能优化拼音加汉字搜索功能
首先看一下从淘宝输入搜索keyword获取到的一些数据信息: 第一张:使用拼音的全程来查询 能够看到提示的是匹配的转换的拼音的方式,看最后一个提示项 这里另一个在指定分类文件夹下搜索的功能,难道后台还 ...
- solr入门之参考淘宝搜索提示功能优化拼音加汉字搜索功能
http://blog.csdn.net/sqh201030412/article/details/51211551 首先看一下从淘宝输入搜索关键字获取到的一些数据信息: 第一张:使用拼音的全程来查询 ...
- java suggest_lucene的suggest(搜索提示功能的实现)
1.首先引入依赖 org.apache.lucene lucene-suggest 7.2.1 2.既然要进行智能联想,那么我们需要为提供联想的数据建立一个联想索引(而不是使用原来的数据索引),既然要 ...
- jquery autocomplete 实现搜索提示功能,中文/拼音也没问题
1.接下来我们根据我写的实例来讲解: 效果如下图所示 2.注意jquery 的类库要用 jquery autocomplete 自带的库 下载地址: jquery.autocomplete1.1.z ...
- Ajax搜索提示功能
/Files/hayden/BaiduAjax.rar 转载于:https://www.cnblogs.com/hayden/archive/2009/10/26/1589922.html
- Android SearchView介绍及搜索提示实现
本文主要介绍SearchView的使用.即时搜索提示功能的实现,以及一些设置. 1. layout文件 Java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <?xm ...
- C# WinForm 技巧四:COMBOBOX搜索提示
comboBox和textBox支持内置的搜索提示功能, 在form的InitializeComponent()中添加如下语句: this.comboBox1.AutoCompleteCusto ...
- app里的“搜索提示“是如何实现的?
用程序员的角度科普生活知识 hello 兄弟们 我是浩说 今天研究个什么事儿呢? 咱就是说:我们在浏览器或者app里搜索的时候 为什么我只输入了一两个字,下面就已经给我罗列出来我想搜的具体内容了 这是 ...
最新文章
- 《Android 应用案例开发大全(第二版)》——6.1节Android系统的信使:Intent
- 获取客户端ip_代理IP工具能否解决反爬?
- 智慧物业小程序_刷脸支付+电商小程序+智慧酒店营销方案
- 数据驱动精准化营销在大众点评的实践
- 画直线_在鸡面前画一条直线,为什么它会晕?西瓜视频这知识好冷告诉答案
- 老员工恳请加薪,老板“不愿意做就辞职”
- Intelliok IDEA的Monokai主题
- WebLogic安装说明
- HDU 3533 Escape (预处理+BFS)
- 教你如何设置电脑保护色来保护眼睛
- 汇总我关注的技术博主的2021年度总结
- 深入探讨 Room 2.4.0 的最新进展
- OpenFOAM动态加密网格的负载平衡
- 计算机图形学空间曲线,课程追忆之《计算机图形学》【曲线曲面篇】
- java实现分数相加减
- 面向开发者的 Android 8.0 Oreo 详细介绍
- schedule for addition
- java 获取string值_java如何获取String里面的键值对:key=valuekey=value
- c语言存款利息的计算switch,求助。。关于用switch编写简易计算器
- Python3,10行代码,制作艺术签名,从此走上人生巅峰。
热门文章
- 数据库元数据数据字典查询_1_列出模式中所有的表
- Python面向对象基础示例_创建对象
- 【C语言】复合逻辑运算
- caxa画图怎么倒角_16个底部含圆弧倒角的宽槽编程案例
- 21种mysql_Mysql中,21个写SQL的好习惯,可以看一下
- C 风格字符串与C++中string类区别
- SqueezeNet
- Linux驱动编程 step-by-step (二) 简单字符设备驱动
- Improving RGB-D SLAM in dynamic environments: A motion removal approach
- 万国数据联合阿里云发布混合云系列产品 助力企业落地云端