在
做網(wǎng)站時有許多地方需要再不刷新頁面的時候加載數(shù)據(jù),建議使用$.ajax()方法實現(xiàn).
前端實現(xiàn)的實例代碼
這個操作很簡單只是一個很簡單的請求
因為這里提交了幾個參數(shù),typeid,like,like2,page
現(xiàn)在就是去接受這幾個參數(shù),然后去數(shù)據(jù)庫查詢對應的數(shù)據(jù)返回給前端,
這里我使用的是thinkphp3.2的框架,去接受這個請求
下面是具體的獲取參數(shù)代碼:
到這里就完成了一個ajax數(shù)據(jù)請求了,當然,你拿到數(shù)據(jù)之后必定需要顯示在網(wǎng)站對應的位置上,代碼如下:
看到?jīng)]有,圖片紅色框中的代碼就是在php處理過返回的數(shù)據(jù),data就是后臺返回的數(shù)據(jù)集,var list就是下圖的數(shù)據(jù):
這里將var list的數(shù)據(jù)集賦值給了,id等于test的ul標簽里,然后在使用volist標簽進行數(shù)據(jù)遍歷顯示出來。
由于分頁是在后臺處理的所以可以直接賦值到對應需要顯示的div中
這是分頁后臺處理的代碼:
后臺把分頁后的賦值給了$data[‘page’];
有幾種處理的方法,這里已經(jīng)展示了2種,還有一種就是,下圖這種:
這種其實跟第一種是一樣的道理,都是拿到數(shù)據(jù)之后,再一條一條的遍歷到一個集合里,最后再顯示在對應的位置上。好了,這次就分享這么多,由于我也是一個新手,不是很懂a(chǎn)jax可能會有很多描述可能是錯的,希望有大??吹搅?,可以給我留言指出我的錯誤,讓我能學到更多關于ajax的使用方法。更多使用方法也可以去:
網(wǎng)頁標題:網(wǎng)站制作中如何使用ajax請求數(shù)據(jù)
當前網(wǎng)址:http://redsoil1982.com.cn/news7/245157.html
網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有網(wǎng)站制作等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)