摘要:一個(gè)比較簡(jiǎn)單,但是需要多一個(gè)頁(yè)面的分頁(yè)方法首先請(qǐng)求傳輸數(shù)據(jù)到后臺(tái)進(jìn)行處理與一般的寫(xiě)法沒(méi)有什么不同,只是在成功返回的時(shí)候?qū)敵龅倪M(jìn)行了覆蓋,然后調(diào)用一個(gè)方法,方法在后面。
一個(gè)比較簡(jiǎn)單,但是需要多一個(gè)頁(yè)面的ajax分頁(yè)方法
首先請(qǐng)求 傳輸數(shù)據(jù)到后臺(tái)進(jìn)行處理
$(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寫(xiě)法沒(méi)有什么不同,只是在成功返回的時(shí)候?qū)敵龅膆tml進(jìn)行了覆蓋,然后調(diào)用一個(gè)click方法,click方法在后面。 后臺(tái)處理 注意fetch方法和 $this->ajaxReturn 其他跟一般頁(yè)面輸出一樣 public function cltoushus(){ $phone = I("phone"); // 查詢?cè)撌謾C(jī)的超市 $cid = M("sup_user")->where("phone=$phone")->getField("id"); $count = M("complaint")->where("cid=$cid")->count(); $Page = new ThinkPage($count,2); $show = $Page->show();// 分頁(yè)顯示輸出 $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頁(yè)面 將要輸出的表格復(fù)制到新頁(yè)面 做為分頁(yè)的頁(yè)面 le>商品名稱 投訴人電話 商家店名 投訴內(nèi)容 投訴時(shí)間 {$l.goods_name} {$l.phone} {$l.sup_name} {$l.cpl_content} {$l.time}
{$page}
最后 就是之前調(diào)用的click方法 這里也需要獲取ajax的傳值,其實(shí)也是一個(gè)ajax page1 a是下一頁(yè)點(diǎn)擊
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; }); }
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/22103.html
摘要:信息列表循環(huán)賦值分頁(yè)信息部分這一步是實(shí)現(xiàn)無(wú)刷新分頁(yè)的重點(diǎn),用到了的通信,通過(guò)與數(shù)據(jù)庫(kù)的交互,將獲取到的數(shù)據(jù)寫(xiě)到模板中,替換掉之前的數(shù)據(jù)集,達(dá)到分頁(yè)的目的。 前言 thinkphp框架自帶的分頁(yè)類是每次翻頁(yè)都要刷新一下整個(gè)頁(yè)面,這種翻頁(yè)的用戶體驗(yàn)顯然是不太理想的,我們希望每次翻頁(yè)只刷新我們想要的數(shù)據(jù)集部分的數(shù)據(jù),這樣我們很容易想到ajax異步通信,用ajax與數(shù)據(jù)庫(kù)(本人在開(kāi)發(fā)過(guò)程中使用...
摘要:下載演示地址本文使用,通過(guò)實(shí)例講解如何實(shí)現(xiàn)無(wú)刷新分頁(yè)效果。當(dāng)數(shù)據(jù)完全加載完畢后,調(diào)用函數(shù)生成分頁(yè),也可用程序來(lái)實(shí)現(xiàn)分頁(yè)。頁(yè)面可在分頁(yè)的屬性中獲取。 下載演示地址:http://www.erdangjiade.com/js...本文使用jQuery+Ajax+PHP+Mysql,通過(guò)實(shí)例講解如何實(shí)現(xiàn)Ajax無(wú)刷新分頁(yè)效果。 #ul_lists以列表的形式展現(xiàn)數(shù)據(jù),信...
摘要:下載演示地址本文使用,通過(guò)實(shí)例講解如何實(shí)現(xiàn)無(wú)刷新分頁(yè)效果。當(dāng)數(shù)據(jù)完全加載完畢后,調(diào)用函數(shù)生成分頁(yè),也可用程序來(lái)實(shí)現(xiàn)分頁(yè)。頁(yè)面可在分頁(yè)的屬性中獲取。 下載演示地址:http://www.erdangjiade.com/js...本文使用jQuery+Ajax+PHP+Mysql,通過(guò)實(shí)例講解如何實(shí)現(xiàn)Ajax無(wú)刷新分頁(yè)效果。 #ul_lists以列表的形式展現(xiàn)數(shù)據(jù),信...
摘要:下載演示地址本文使用,通過(guò)實(shí)例講解如何實(shí)現(xiàn)無(wú)刷新分頁(yè)效果。當(dāng)數(shù)據(jù)完全加載完畢后,調(diào)用函數(shù)生成分頁(yè),也可用程序來(lái)實(shí)現(xiàn)分頁(yè)。頁(yè)面可在分頁(yè)的屬性中獲取。 下載演示地址:http://www.erdangjiade.com/js...本文使用jQuery+Ajax+PHP+Mysql,通過(guò)實(shí)例講解如何實(shí)現(xiàn)Ajax無(wú)刷新分頁(yè)效果。 #ul_lists以列表的形式展現(xiàn)數(shù)據(jù),信...
摘要:下載演示地址本文使用,通過(guò)實(shí)例講解如何實(shí)現(xiàn)無(wú)刷新分頁(yè)效果。當(dāng)數(shù)據(jù)完全加載完畢后,調(diào)用函數(shù)生成分頁(yè),也可用程序來(lái)實(shí)現(xiàn)分頁(yè)。頁(yè)面可在分頁(yè)的屬性中獲取。 下載演示地址:http://www.erdangjiade.com/js...本文使用jQuery+Ajax+PHP+Mysql,通過(guò)實(shí)例講解如何實(shí)現(xiàn)Ajax無(wú)刷新分頁(yè)效果。 #ul_lists以列表的形式展現(xiàn)數(shù)據(jù),信...
閱讀 3117·2021-09-03 10:33
閱讀 1325·2019-08-30 15:53
閱讀 2684·2019-08-30 15:45
閱讀 3445·2019-08-30 14:11
閱讀 600·2019-08-30 13:55
閱讀 2695·2019-08-29 15:24
閱讀 1997·2019-08-26 18:26
閱讀 3633·2019-08-26 13:41