聯(lián)系官方銷售客服
1835022288
028-61286886
使用場(chǎng)景:在任意網(wǎng)頁(yè)進(jìn)行ajax無(wú)刷新請(qǐng)求搜索效果
實(shí)現(xiàn)原理:
通過(guò)現(xiàn)有的搜索url加入?yún)?shù):ajax_page=新的模板名稱.html,這時(shí)候cms會(huì)按照模板返回新內(nèi)容,以便ajax做返回輸出處理。
一、準(zhǔn)備工作:
先創(chuàng)建AJAX搜索結(jié)果輸出的模板文件。注:因?yàn)樗阉魇前凑漳K內(nèi)容進(jìn)行搜索,所以需要提前按照模塊創(chuàng)建搜索結(jié)果輸出模板。
假設(shè)有個(gè)新聞模塊,模塊名稱為:news,創(chuàng)建模板的路徑為:
PC端:/template/pc/default/home/news/myajax.html
移動(dòng)端:/template/mobile/default/home/news/myajax.html
myajax.html 可以根據(jù)自己的需要隨意修改名稱。
二、搜索結(jié)果模板內(nèi)容:
三、通過(guò)URL進(jìn)行AJAX搜索:
四、測(cè)試AJAX搜索結(jié)果:
這個(gè)就是自定義的搜索結(jié)果輸出模板的內(nèi)容
五、拼接AJAX
模板內(nèi)獲取欄目id: url: "/index.php?s=shop&c=search&catid={$catid}&ajax_page=myajax.html&page=1&keyword=關(guān)鍵詞",
紅色為當(dāng)前欄目id
六、實(shí)現(xiàn)下拉自動(dòng)加載