iT邦幫忙

0

[php / jquery] 分頁欄列表不重新整理

  • 分享至 

  • xImage

https://ithelp.ithome.com.tw/upload/images/20200224/20097057IVeagZNANW.png
大家好:

當點選第一頁,jquery-click啟動,用cookie讀#後面的值..然後reload整個頁面再推到php讀值,不過有甚麼方法可以不用重新整理? 若用ajax就又要再寫一個頁面了,然後把獲得的值放到前頁,就還是要用jquery重新排首頁資料...想問有甚麼方法免去重新整理

謝謝

{

$allpage=$allpage+$cnt;
//echo $allpage;
$pagena=ceil($allpage/10);
if($pagena==$choosepg){  
?>

<tr>
<td><a class="text-success" href="/graduateq/review.php?pid=<? echo base64_encode($sqnumreview); ?>" target="_blank"><? echo $row1['sqnum']; ?></a></td>
<td class="stname"><? echo $row1['stname'];?></td>
<td><? if(strpos(" ".$row1['stuid'],"B")){echo 'A部門';} else if(strpos(" ".$row1['stuid'],"M")){echo 'B部門';} else{echo 'C部門';}?></td>
<td  class="stid"><? echo $row1['stuid'];?></td>
<td><? echo  end($exploded).$checkpoint.'<br>總共有'.$alltags.'關';?></td>
<td><? echo $wtime;?></td>
</tr>
<?
}//有查詢的分頁表

$pagenation=ceil($allpage/10);   //一頁有幾筆

if($pagenation==0){

$pagenation=1;
}
//echo $pagenation;
?>

</table>

<!--*********************分頁導覽列*************************************-->

<nav aria-label="Page navigation example">
  <ul class="pagination">    
    <li class="page-item"><a class="page-link" href="#<? if($choosepg==1){echo ($previous=1);} else{ echo ($previous=$choosepg-1);} ?>">上一頁</a></li>
<?
for($i=1;$i<=$pagenation;$i++){
?>  
       <li class="page-item <? if($i==$choosepg){echo "active";} ?>"><a class="page-link" href="#<? echo $i ?>"><? echo $i ?></a></li>
       
<?
}
?>   
    <li class="page-item"><a class="page-link" href="#<? if($choosepg==$pagenation) {echo ($next=$pagenation);} else{ echo ($next=$choosepg+1); } ?>">下一頁</a></li>
    <li class="page-item totalpg"><a class="page-link"></a></li>
  </ul>
</nav>

<!--*****************javascript****************************************-->
<script type="text/javascript">

$('.page-item a').click(function(e){
    let link = $(this).attr("href");
    page=link.split("#");
    /*alert(page[1]);*/
    document.cookie="choosepg="+page[1];
    document.cookie="flag="+"2";
    location.reload();     
  });

看更多先前的討論...收起先前的討論...
舜~ iT邦高手 1 級 ‧ 2020-02-24 21:57:58 檢舉
一次把所有資料都送到前端~~~
前端有全部資料上下頁就不用重新整理,也不用另寫ajax取資料,
純粹本地js處理換頁~~~
不過使用者跟boss會發瘋吧~XDD
mayyola iT邦研究生 1 級 ‧ 2020-02-24 23:22:44 檢舉
舜您好:大概可以理解您的意思,把php判斷式拿掉,可以在前端將資料全部出來..
或有關鍵字可以google類似的功能..有閒再來研究好了@@謝謝
這樣資料量多loading會很重吧
你沒看到舜說的重點「不過使用者跟boss會發瘋吧」
也就是說,不想靠ajax是不可能的事。
因為不思考另外的單頁讀取模式。就是只能一次讀取進去來解決。
但一次讀取進去則會........問題更大。

你還是往ajax去想吧。
mayyola iT邦研究生 1 級 ‧ 2020-02-28 21:59:36 檢舉
浩瀚大您好:好的 謝謝您
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
小魚
iT邦大師 1 級 ‧ 2020-02-25 14:45:25

jQuery套件很多分頁是你把所有的資料一次抓到前端,
用jQuery的方式幫你分頁,
不過如果資料量大的話使用者跟BOSS會跟你翻臉.
(如同舜說的一樣)

我現在的方式就是用 ajax + jquery 把整個表格重新產生,
這樣就可以不用透過後端重新整理了,
不過如果沒有其他資料的需求的話,
其實重新整理是最簡單的方式.

看更多先前的回應...收起先前的回應...
mayyola iT邦研究生 1 級 ‧ 2020-02-27 09:02:57 檢舉

ajax + jquery 把整個表格重新產生=>是否在沒有重新整理的時候jquery中要寫入html讓表格重新產生?謝謝

小魚 iT邦大師 1 級 ‧ 2020-02-28 19:51:23 檢舉

就是用ajax去讀資料, 讀回來之後 使用 javaScript/jQuery 的方式重新產生表格(基本上就是把表格清除, 然後通過取得的資料建立新的表格, 不過內容會有點多...)

mayyola iT邦研究生 1 級 ‧ 2020-02-28 21:59:14 檢舉

小魚大您好:這個我曾經試過..這要在加程式碼下去(我太懶了>"<)如果用vue.js也是用這樣的情況嗎?我在ithome鐵人賽看到有人是用vue.js

小魚 iT邦大師 1 級 ‧ 2020-02-29 19:53:59 檢舉

不想自己加程式碼,
最快的方式就是花錢請人家寫.

mayyola iT邦研究生 1 級 ‧ 2020-03-02 08:38:15 檢舉

謝謝您:)

我要發表回答

立即登入回答