Tp5 （轮回） AJAX请求写搜索页面

最新推荐文章于 2021-08-06 11:19:23 发布

weixin_30414155

最新推荐文章于 2021-08-06 11:19:23 发布

阅读量167

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/dennyxiao/p/8425828.html

版权

搜索页面为ajax请求的，红框的为不可忽视部分

1.静态页面

<form name="admin_list_sea" class="form-search" method="get" action="{:url('Qus/index')}">
    <div class="col-sm-3">
        <div class="input-group">
            <input type="text" id="key" value="" class="form-control" name="title" placeholder="输入需查询的文章名称" />
            <span class="input-group-btn">
                    <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
                </span>
        </div>
    </div>
</form>

2.js里面

var key=$('#key').val();
Ajaxpage();

function Ajaxpage(curr){
    $.getJSON('{:url("Qus/index")}', {
        page: curr || 1,key:key
    }, function(data){      //data是后台返回过来的JSON数据
        $(".spiner-example").css('display','none'); //数据加载完关闭动画
        if(data==''){
            $("#list-content").html('<td colspan="20" style="padding-top:10px;padding-bottom:10px;font-size:16px;text-align:center">暂无数据</td>');
        }
    });
}

3.控制器

 public function index(){
        $map = [];
        $count = Db::table('think_qus')->where($map)->order('id desc')->count();//计算总页面
        $this->assign('count', $count);

 //拿到了title
        $title = input('title');
        //        var_dump($title);
        if($title&&$title!=""){
            $map['title'] = ['like',"%" . $title . "%"];
            $map['status']=array('gt',"-1");
            $count = Db::table('think_qus')->where($map)->order('id desc')->count();
            $this->assign('count', $count);
        }
        $this->assign('title', $title);

        // 查询状态为1的用户数据 并且每页显示10条数据 总记录数为$count(总共有多少条数据)
            $list = Db::table('think_qus')->where($map)->order('id desc')->paginate(20,$count);
        // 获取分页显示
            $page = $list->render();
        // 把分页数据赋值给模板变量list
            $this->assign('list', $list);
        // 模板变量赋值
            $this->assign('page', $page);
        // 渲染模板输出
            return $this->fetch();
}