在做網(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ù)查詢對(duì)應(yīng)的數(shù)據(jù)返回給前端,
這里我使用的是thinkphp3.2的框架,去接受這個(gè)請(qǐng)求
下面是具體的獲取參數(shù)代碼:
到這里就完成了一個(gè)ajax數(shù)據(jù)請(qǐng)求了,當(dāng)然,你拿到數(shù)據(jù)之后必定需要顯示在網(wǎng)站對(duì)應(yīng)的位置上,代碼如下:
看到?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è)后臺(tái)處理的代碼:
后臺(tái)把分頁(yè)后的賦值給了$data[‘page’];
有幾種處理的方法,這里已經(jīng)展示了2種,還有一種就是,下圖這種:
這種其實(shí)跟第一種是一樣的道理,都是拿到數(shù)據(jù)之后,再一條一條的遍歷到一個(gè)集合里,最后再顯示在對(duì)應(yīng)的位置上。好了,這次就分享這么多,由于我也是一個(gè)新手,不是很懂a(chǎn)jax可能會(huì)有很多描述可能是錯(cuò)的,希望有大??吹搅耍梢越o我留言指出我的錯(cuò)誤,讓我能學(xué)到更多關(guān)于ajax的使用方法。更多使用方法也可以去:
https://www.w3school.com.cn/jquery/ajax_ajax.asp里面了解。
如沒(méi)特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來(lái)自http://pdcharm.com/news/5978.html