前言
這個頁面是一級,二級類別同時存在一個頁面上。所以首先遍歷獲取的是一級標(biāo)題,然后通過ajax獲取二級標(biāo)題。并通過jquery的append()進(jìn)行內(nèi)容插入。
具體步驟
- 在數(shù)據(jù)庫中添加相應(yīng)的數(shù)據(jù)
Paste_Image.png
2.在視圖控制器新建視圖控制文件,然后查找一級類別并返回數(shù)據(jù)
同時在視圖中遍歷數(shù)據(jù),并呈現(xiàn)在前端。
Paste_Image.png
Paste_Image.png
3.為二級類別查找新建一個服務(wù)端控制器文件
Paste_Image.png
- 通過jQuery方法監(jiān)聽select,然后通過ajax請求服務(wù)端獲取數(shù)據(jù),再通過jQuery的append插入遍歷后得到數(shù)據(jù)的節(jié)點(diǎn)
Paste_Image.png
Paste_Image.png
5.路由設(shè)置
Paste_Image.png