網(wǎng)站制作中如何使用ajax請(qǐng)求數(shù)據(jù)

2023-03-17 分類(lèi)：網(wǎng)站制作

在做網(wǎng)站時(shí)有許多地方需要再不刷新頁(yè)面的時(shí)候加載數(shù)據(jù)，建議使用$.ajax()方法實(shí)現(xiàn).

前端實(shí)現(xiàn)的實(shí)例代碼
這個(gè)操作很簡(jiǎn)單只是一個(gè)很簡(jiǎn)單的請(qǐng)求
因?yàn)檫@里提交了幾個(gè)參數(shù)，typeid，like，like2，page
現(xiàn)在就是去接受這幾個(gè)參數(shù)，然后去數(shù)據(jù)庫(kù)查詢(xún)對(duì)應(yīng)的數(shù)據(jù)返回給前端，
這里我使用的是thinkphp3.2的框架，去接受這個(gè)請(qǐng)求
JS代碼3

下面是具體的獲取參數(shù)代碼：
JS代碼

到這里就完成了一個(gè)ajax數(shù)據(jù)請(qǐng)求了，當(dāng)然，你拿到數(shù)據(jù)之后必定需要顯示在網(wǎng)站對(duì)應(yīng)的位置上，代碼如下：
HTML代碼

看到?jīng)]有，圖片紅色框中的代碼就是在php處理過(guò)返回的數(shù)據(jù)，data就是后臺(tái)返回的數(shù)據(jù)集，var list就是下圖的數(shù)據(jù)：
這里將var list的數(shù)據(jù)集賦值給了，id等于test的ul標(biāo)簽里，然后在使用volist標(biāo)簽進(jìn)行數(shù)據(jù)遍歷顯示出來(lái)。
前端代碼

由于分頁(yè)是在后臺(tái)處理的所以可以直接賦值到對(duì)應(yīng)需要顯示的div中
分頁(yè)代碼

這是分頁(yè)后臺(tái)處理的代碼：
后臺(tái)把分頁(yè)后的賦值給了$data[‘page’];
代碼1

有幾種處理的方法，這里已經(jīng)展示了2種，還有一種就是，下圖這種：

這種其實(shí)跟第一種是一樣的道理，都是拿到數(shù)據(jù)之后，再一條一條的遍歷到一個(gè)集合里，最后再顯示在對(duì)應(yīng)的位置上。好了，這次就分享這么多，由于我也是一個(gè)新手，不是很懂a(chǎn)jax可能會(huì)有很多描述可能是錯(cuò)的，希望有大?？吹搅?，可以給我留言指出我的錯(cuò)誤，讓我能學(xué)到更多關(guān)于ajax的使用方法。更多使用方法也可以去：

網(wǎng)頁(yè)標(biāo)題：網(wǎng)站制作中如何使用ajax請(qǐng)求數(shù)據(jù)
當(dāng)前網(wǎng)址：http://muchs.cn/news7/245157.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站制作等

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容