在
做網站時有許多地方需要再不刷新頁面的時候加載數據,建議使用$.ajax()方法實現.

前端實現的實例代碼
這個操作很簡單只是一個很簡單的請求
因為這里提交了幾個參數,typeid,like,like2,page
現在就是去接受這幾個參數,然后去數據庫查詢對應的數據返回給前端,
這里我使用的是thinkphp3.2的框架,去接受這個請求

下面是具體的獲取參數代碼:

到這里就完成了一個ajax數據請求了,當然,你拿到數據之后必定需要顯示在網站對應的位置上,代碼如下:

看到沒有,圖片紅色框中的代碼就是在php處理過返回的數據,data就是后臺返回的數據集,var list就是下圖的數據:
這里將var list的數據集賦值給了,id等于test的ul標簽里,然后在使用volist標簽進行數據遍歷顯示出來。

由于分頁是在后臺處理的所以可以直接賦值到對應需要顯示的div中

這是分頁后臺處理的代碼:
后臺把分頁后的賦值給了$data[‘page’];

有幾種處理的方法,這里已經展示了2種,還有一種就是,下圖這種:
這種其實跟第一種是一樣的道理,都是拿到數據之后,再一條一條的遍歷到一個集合里,最后再顯示在對應的位置上。好了,這次就分享這么多,由于我也是一個新手,不是很懂ajax可能會有很多描述可能是錯的,希望有大??吹搅耍梢越o我留言指出我的錯誤,讓我能學到更多關于ajax的使用方法。更多使用方法也可以去:
網頁標題:網站制作中如何使用ajax請求數據
當前網址:http://m.2m8n56k.cn/news7/245157.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站制作等
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯