thinkphp5 Ajax搜索分页

function sousuo($page){
            var URL=‘‘;
            if($page){
                URL=‘__URL__/index/usercenter/selectorder?page=‘+$page;
            }else {
                URL=‘__URL__/index/usercenter/selectorder‘;
            }
            var ktime=$("#some_class_1").val();
            var eyime=$("#some_class_2").val();
            var content=$(".content");
            content.remove();
            $(‘.pagecss‘).empty();
            $(‘.va-m‘).remove();
            $.ajax({
                type: "post",
                data: {ktime:ktime,etime:eyime},
                url: URL,
                dataType: "json",
                success: function (arr) {
                    var html ="";
                    for (var i= 0;i<arr[0][‘data‘].length;i++){
                        html+=‘<tr class="text-c va-m"> ‘ +
                                ‘<td>‘+arr[0][‘data‘][i]["orderId"]+‘</td>‘ +
                                ‘ <td>‘+arr[0][‘data‘][i]["username"]+‘</td>‘ +
                                ‘ <td>‘+arr[0][‘data‘][i]["totalPrice"]+‘</td>‘ +
                                ‘ <td>‘+arr[0][‘data‘][i]["creatTime"]+‘</td>‘ +
                                ‘ <td>‘;
                        if(arr[0][‘data‘][i][‘state‘]==0){
                            html+=‘待支付‘
                        }else if(arr[0][‘data‘][i][‘state‘]==1){
                            html+=‘已完成‘
                        }else if(arr[0][‘data‘][i][‘state‘]==2){
                            html+=‘已发货‘
                        }else if(arr[0][‘data‘][i][‘state‘]==3){
                            html+=‘待发货‘
                        }else if(arr[0][‘data‘][i][‘state‘]==4){
                            html+=‘取消‘
                        }
                        html+=‘</td>‘ +
                                ‘ <td>‘+arr[0][‘data‘][i]["goodsName"]+‘</td>‘ +
                                ‘ <td> ‘ +
                                ‘<button type="button" class="btn btn-primary btn-xs" data-toggle="modal" data-target=".bs-example-modal-lg">再次购买</button>‘ +
                                ‘ <button type="button" class="btn btn-success btn-xs" onclick=\‘show_order("订单详情","__URL__/index/usercenter/showorder?orderid=‘+arr[0][‘data‘][i][‘orderId‘]+‘","1000","1200")\‘>查看订单</button>‘ +
                                ‘ </td>‘ +
                                ‘ </tr>‘;
                    }
                    $(‘.abc‘).append(html);
                    $(‘.pagecss‘).append(arr[1]);
                    $(‘.pagination>li>a‘).attr(‘href‘,‘#‘);
                    $(‘.pagination>li>a‘).each(function(index){
                        $(‘.pagination>li>a‘).eq(index).click(function(){
//                            alert($(‘.pagination>li>a‘).eq(index).html());
                            if($(‘.pagination>li>a‘).eq(index).html()==‘?‘){
                                var a=$(‘.active>span‘).html();
                                sousuo(parseInt(a)+1);
                            }else if($(‘.pagination>li>a‘).eq(index).html()==‘?‘) {
                                var b=$(‘.active>span‘).html();
                                sousuo(parseInt(b)-1);
                            }else{
                                sousuo($(‘.pagination>li>a‘).eq(index).html());
                            }

                        });

                    })
                }
            });
        }

时间: 2024-11-09 23:40:25

thinkphp5 Ajax搜索分页的相关文章

sphinx ajax搜索分页,memcache缓存,批量删除

控制器层 <?php namespace frontend\controllers; use Yii; use yii\web\Controller; //use frontend\models\Zhan; use yii\data\Pagination; use SphinxClient; use yii\db\Query; use yii\widgets\LinkPager; use yii\caching\MemCache; class SphinxController extends C

ajax搜索分页

<input type="text" name="name" id="word"/> <button class="sou" id="{$arr.p}">搜索</button><input type="hidden" name="p" id="p" value="{$arr.p}">

AJAX实现分页--模拟百度搜索分页

第一部分:效果与分析 1.百度分页组件: 2.自己实现的分页: 3.分析: 百度搜索分页,如果总页数大于10,用户最多只能看到10页内容,不足10页显示全部,当点击下一页时,数字页标向前移动一个单位,当点击上一页时向后移动一个单位. 第二部分:后台实现: 1.实现思路: 后台的处理思想是这样的,通过AJAX向后台发送请求,携带一个分页对象PageBean传过去,查询完毕后返回一个新的PageBean对象. 前台传入的PageBean对象参数: 属性 名称 是否必须 默认值 pageSize 每页

02 - Unit08:搜索笔记功能、搜索分页、处理插入数据库乱码问题

搜索笔记功能 按键监听事件 $("#search_note").keydown(function(event){ var code=event.keyCode; if(code==13){ 请求发送 } }) select * from cnshare cnshare_title like '%' 发送Ajax请求 事件绑定:键盘监听事件(keydown) 获取参数:keyword,作为模糊查询的基础 发送请求:/share/find.do 服务器处理 ShareController.

Jquery的DataTable插件 AJAX 服务器分页的的学习心得(java版)

首先得先引入对应的js 1.jquery.min.js  首先导入 2. File:        jquery.dataTables.min.js Version:     1.9.4     这是我使用的版本 这是  jsp 页面 关键的table  代码 <table id="fuck" class="table table-bordered data-table"> <thead> <tr> <span style=

SSM框架——实现分页和搜索分页

登录|注册     在路上 在路上,要懂得积累:在路上,要学会放下:我在路上!Stay hungry,Stay foolish. 目录视图 摘要视图 订阅 [公告]博客系统优化升级     [收藏]Html5 精品资源汇集     博乐招募开始啦 SSM框架——实现分页和搜索分页 标签: springMVC分页搜索分页mybatisssm 2014-05-21 11:09 5517人阅读 评论(9) 收藏 举报 分类: J2EE(9) 版权声明:本文为博主原创文章,欢迎转载,请注明地址. 目录(

SpringMVC分页和搜索分页

分页使我们经常需要使用的功能,昨天在Spring MVC中实现了简单的分页操作和搜索分页,在此记录一下.使用的框架为(MyBatis+SpringMVC+Spring). 首先我们需要一个分页的工具类: 1.分页 import java.io.Serializable; /** * 分页 */ public class Page implements Serializable { private static final long serialVersionUID = -319804844964

PHP+JQUEY+AJAX实现分页

PHP+JQUEY+AJAX实现分页 HTML CSS #list{width:680px; height:530px; margin:2px auto; position:relative} #list ul li{float:left;width:220px; height:260px; margin:2px} #list ul li img{width:220px; height:220px} #list ul li p{line-height:22px} #pagecount{width

PHP中使用jQuery+Ajax实现分页查询多功能操作

1.首先做主页面Ajax_pag.php 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Ajax做分页</title> <script src="bootstrap/js/jquery-1.11.2.min.js"></script> <script src="Ajax_