zoukankan      html  css  js  c++  java
  • Tp5 (轮回) AJAX请求写搜索页面

    搜索页面为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();
    }

    大功告成,欧克呐。。。。。。。。。。。。。。。。。。。。。。。。。。。。。耶!!!!!!

  • 相关阅读:
    分享一个在线生成站点地图SiteMap制作工具
    去掉tppabs冗余代码,怎样批量去掉tppabs代码
    js文字无缝滚动
    史上最全的Win8快捷键大全
    原码, 反码, 补码
    Java [Leetcode 136]Single Number
    拉格朗日对偶
    随机森林与GBDT
    GBDT(Gradient Boosting Decision Tree)算法&协同过滤算法
    Java [Leetcode 165]Compare Version Numbers
  • 原文地址:https://www.cnblogs.com/dennyxiao/p/8425828.html
Copyright © 2011-2022 走看看