温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

自动联想搜索提示功能

发布时间:2020-05-26 11:44:58 阅读:9116 作者:liang3391 栏目:web开发
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>
<script type="text/javascript">    //定义当前页面的url地址
    var currentUrl = "<?=urldecode(Url::toRoute(['/article/default/index']))?>";
    var AutoComplete = "<?=urldecode(Url::toRoute(['/article/default/autocomplete']))?>";
    var repositorytypehandle= "<?=urldecode(Url::toRoute(['/article/default/handle']))?>";
</script>

   <input type="hidden" name="kws" value="" />
   <input id="ids" type="hidden" name="ids" value=""  class="form-control">
   <input id="choxq" name="choxq" type="text" class="kwarticle form-control inline" autocomplete="off" placeholder="请输入关键词进行搜索">
   <ul class="choul" >

</ul>

   :
$(".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({
        urlAutoComplete,
        data: data,
        type'GET',
        dataType'json',
        timeout1000,
        cachefalse,
        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("<li data="+id+">"+name+"</li>");
        });
        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 function actionAutocomplete(){    $this->layout = false;    $q = Yii::$app->request->get('q');//联想输入词    $params = Yii::$app->request->get();    if(empty($q)){        $output = array(            'status' => 2,            'tips' => '暂无数据',            'data' => array(),        );        echo json_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($sonlist as $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));    }}

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI

开发者交流群×