1. 程式人生 > >查詢資料資訊+Js分頁

查詢資料資訊+Js分頁

首先,建立一個Html檔案,一個對應Html的Js檔案,在Html裡引用對應Js檔案;其次在Js檔案進行寫方法。
可以用Jquery的方式來寫執行方法(一定要在對應的Html檔案中引用Jquery外掛),方法如圖:
在這裡插入圖片描述
然後寫執行的方法,如圖:
在這裡插入圖片描述
Ajax連線後端的介面,查詢資料資訊,如圖:在這裡插入圖片描述
介面連線成功後,進行分頁功能,如圖:在這裡插入圖片描述
在這裡插入圖片描述
如果要輸入頁數進行跳頁的話,需要如下圖的方法;在這裡插入圖片描述
如果存在跳頁的話,必須要限制頁數,不能說一共有5頁,輸入頁數6也能跳轉或則輸入小於1頁,根本不存在的頁;需要進行限制,如圖案例:
在這裡插入圖片描述這周的分享就到這裡,我們下週見。