JS簡單原生分頁

2021-10-07 13:03:32 字數 2210 閱讀 4478

html部分隨便寫即可

不同需求寫不同樣式

html

這裡簡單些乙個ul標籤用來寫入內容

odd呢代表我們分頁要寫入的a標籤頁數

這裡後台我用到了node來書寫,不過原理是相通的,用其他後端語言也是可以實現的。

node

const express=

require

('express'

)//建立乙個伺服器

const mysql=

require

('mysql'

)//建立mysql伺服器

const url=

require

('url'

)//解析get引數

const qs=

require

('querystring'

)//將get引數轉換為物件

const db=mysql.

createpool()

express()

//建立伺服器

use(express.

static

('src'))

//監聽資料夾

use(express.

urlencoded()

)//讀取post請求資料不過這裡沒有用到,不用管

get(

'/data_content'

,(req,res)

=>

' limit $,

$`//執行mysql語句 的分頁查詢 由於這裡我只是單獨查詢資料庫的一類 所以使用到了where 這個不是必須的 可以根據情況來使用

db.query

(sql,

(err,reselt)

=>

// res.json(reselt)

let sql1=

`select * from \`goods\` where \`cat_one_id\`='$'`

//再次執行mysql語句,這裡主要是獲取他的所有條數,並且來判斷我們可以分為幾頁,然後生成相應的a標籤

db.query

(sql1,

(err1,reselt1)

=>

// res.json(reselt1)

let num=reselt1.length //總條數

let odd=math.

ceil

(num/obj.line)

//能分幾頁

reselt.

foreach

(function

(item)

) res.

json

(reselt)

//返回資料})

})})

listen

(8080,(

)=>

)

js接收部分

oajax(1

)//預設第一次執行是第一頁的內容

function

oajax

(page)

,//傳送資料

datatype:

"json"

,//接收資料格式

success:

function

(res)

" alt="">

$

`})$

('.main ul').

html

(str)

//將其寫入到頁面中

let arr=

''//生成a標籤

for(

let i =

1;i<= res[0]

.odd;i++)`

//生成a標籤}$

('.odd').

html

(arr)

//將其寫入

let oa=document.

queryselectorall

('.odd a'

)//獲取到a標籤

oa.foreach

(function

(item)})

}})}

<

/script>

效果圖

mysql原生分頁語句 mysql原生分頁

select from table limit pageno 1 pagesize,pagesize 一 分頁需求 客戶端通過傳遞start 頁碼 limit 每頁顯示的條數 兩個引數去分頁查詢資料庫表中的資料,那我們知道mysql資料庫提供了分頁的函式limit m,n,但是該函式的用法和我們的需...

php原生分頁

自己寫乙個原生php分頁 link mysql connect localhost 使用者名稱 密碼 mysql select db 資料庫名稱 link mysql query set names utf8 result mysql query select from 表名 count mysql...

js jQuery 原生分頁器

引入jquery外掛程式 引入page.js檔案 在文章的最後面 css 外面盒子樣式 自己定義 page div 頁數按鈕樣式 page div button firstpage,lastpage,nextpage,prepage nextpage,prepage page div current...