ajax分頁

mindwind 發(fā)布于2019-06-27 14:55 / 3457人閱讀

摘要：一個比較簡單，但是需要多一個頁面的分頁方法首先請求傳輸數據到后臺進行處理與一般的寫法沒有什么不同，只是在成功返回的時候對輸出的進行了覆蓋，然后調用一個方法，方法在后面。

一個比較簡單，但是需要多一個頁面的ajax分頁方法
首先請求傳輸數據到后臺進行處理

$(function(){
    $(".btn").click(function(){
        var phone = $("#phone").val();
        $.ajax({
            dataType:"json",
            data:{phone:phone},
            url:"{:U("Index/cltoushus")}",
            type:"post",
            success:function(data){
                $(".table").html(data);
                    click();
            }
        });
    });
})
與一般的ajax寫法沒有什么不同，只是在成功返回的時候對輸出的html進行了覆蓋，然后調用一個click方法，click方法在后面。

后臺處理   注意fetch方法和 $this->ajaxReturn 其他跟一般頁面輸出一樣

 public function cltoushus(){
    $phone = I("phone");
    // 查詢該手機的超市
    $cid = M("sup_user")->where("phone=$phone")->getField("id");
    $count = M("complaint")->where("cid=$cid")->count();
    $Page  = new ThinkPage($count,2);
    $show  = $Page->show();// 分頁顯示輸出
    $list  = M("complaint")->where("cid=$cid")->order("time desc")->limit($Page->firstRow.",".$Page->listRows)->select();
    $this->assign("list",$list);
    $this->assign("page",$show);
    $html = $this->fetch("Index/ajaxtou");

    $this->ajaxReturn($html,"JSON");
}
新建html頁面  將要輸出的表格復制到新頁面 做為分頁的頁面

le>

    商品名稱
    投訴人電話
    商家店名
    投訴內容
    投訴時間


    
        {$l.goods_name}
        {$l.phone}
        {$l.sup_name}
        {$l.cpl_content}
        {$l.time}

{$page}
最后就是之前調用的click方法這里也需要獲取ajax的傳值，其實也是一個ajax page1 a是下一頁點擊

function click(){
    $(".page1 a").click(function(){
        var phone = $("#phone").val();
        var obj = this;
        var url = obj.href;
        $.ajax({
            dataType:"json",
            data:{phone:phone},
            url:url,
            type:"post",
            success:function(data){
                $(".table").html(data);
                    click();
            }
        })
    return false;
    });
}

云服務器 GPU云服務器無刷新ajax分頁 ajax分頁查詢 ajax實現分頁 ajax異步分頁

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/22103.html

一步步實現thinkphp上的ajax無刷新分頁

摘要：信息列表循環(huán)賦值分頁信息部分這一步是實現無刷新分頁的重點，用到了的通信，通過與數據庫的交互，將獲取到的數據寫到模板中，替換掉之前的數據集，達到分頁的目的。前言 thinkphp框架自帶的分頁類是每次翻頁都要刷新一下整個頁面，這種翻頁的用戶體驗顯然是不太理想的，我們希望每次翻頁只刷新我們想要的數據集部分的數據，這樣我們很容易想到ajax異步通信，用ajax與數據庫（本人在開發(fā)過程中使用...

張遷 2019-06-27 14:04 評論0 收藏0
jQuery+Ajax+PHP無刷新分頁

摘要：下載演示地址本文使用，通過實例講解如何實現無刷新分頁效果。當數據完全加載完畢后，調用函數生成分頁，也可用程序來實現分頁。頁面可在分頁的屬性中獲取。下載演示地址：http://www.erdangjiade.com/js...本文使用jQuery+Ajax+PHP+Mysql，通過實例講解如何實現Ajax無刷新分頁效果。 #ul_lists以列表的形式展現數據，信...

wangzy2019 2019-08-21 11:38 評論0 收藏0
jQuery+Ajax+PHP無刷新分頁

摘要：下載演示地址本文使用，通過實例講解如何實現無刷新分頁效果。當數據完全加載完畢后，調用函數生成分頁，也可用程序來實現分頁。頁面可在分頁的屬性中獲取。下載演示地址：http://www.erdangjiade.com/js...本文使用jQuery+Ajax+PHP+Mysql，通過實例講解如何實現Ajax無刷新分頁效果。 #ul_lists以列表的形式展現數據，信...

Kosmos 2019-06-27 15:43 評論0 收藏0
jQuery+Ajax+PHP無刷新分頁

摘要：下載演示地址本文使用，通過實例講解如何實現無刷新分頁效果。當數據完全加載完畢后，調用函數生成分頁，也可用程序來實現分頁。頁面可在分頁的屬性中獲取。下載演示地址：http://www.erdangjiade.com/js...本文使用jQuery+Ajax+PHP+Mysql，通過實例講解如何實現Ajax無刷新分頁效果。 #ul_lists以列表的形式展現數據，信...

lauren_liuling 2019-08-14 17:46 評論0 收藏0
jQuery+Ajax+PHP無刷新分頁

摘要：下載演示地址本文使用，通過實例講解如何實現無刷新分頁效果。當數據完全加載完畢后，調用函數生成分頁，也可用程序來實現分頁。頁面可在分頁的屬性中獲取。下載演示地址：http://www.erdangjiade.com/js...本文使用jQuery+Ajax+PHP+Mysql，通過實例講解如何實現Ajax無刷新分頁效果。 #ul_lists以列表的形式展現數據，信...

mengbo 2019-08-01 16:30 評論0 收藏0