輪播上下翻動(dòng) 怎么把輪播圖的圖片改成用ajax請求的?
怎么把輪播圖的圖片改成用ajax請求的?首先,您可以使用js來編寫carousel圖,這很容易做到。JS實(shí)現(xiàn)了兩種形式的carousel圖:1。一種是將所有的carousel圖片組織成HTML格式,放
怎么把輪播圖的圖片改成用ajax請求的?
首先,您可以使用js來編寫carousel圖,這很容易做到。JS實(shí)現(xiàn)了兩種形式的carousel圖:
1。一種是將所有的carousel圖片組織成HTML格式,放入<img>標(biāo)簽中,包裝成div格式,然后JS調(diào)用carousel graph的初始化渲染方法,將組織好的img標(biāo)簽在div中渲染成carousel graph;
2另一種是在HTML中只放置一個(gè)ID為的div標(biāo)簽,圖像的信息放在JS數(shù)組中。JS調(diào)用carouselgraph初始化呈現(xiàn)方法,將ID為的div呈現(xiàn)為carouselgraph。
無論上述哪個(gè)表單更改為Ajax請求模式,因?yàn)檎埱髷?shù)據(jù)是異步的,首先要考慮的是用戶體驗(yàn)。當(dāng)?shù)却趥魉蛶^(qū)域中填充數(shù)據(jù)時(shí),首先放置一個(gè)加載狀態(tài)圖標(biāo)。同時(shí),Ajax請求被發(fā)送到后端以等待數(shù)據(jù)返回。這里您可以使用jQuery提供的Ajax請求方法get或post方法,如下所示:
$。獲取(“演示.json“,函數(shù)(結(jié)果){在此處寫入轉(zhuǎn)盤創(chuàng)建方法})}
$。發(fā)布(“演示.json",{ 建議:txt},函數(shù)(result){write carousel graph creation method here})
數(shù)據(jù)正常返回時(shí):
1如果是第一個(gè)表單,請用返回的數(shù)據(jù)在頁面中動(dòng)態(tài)創(chuàng)建<img>塊,然后調(diào)用廣播圖的創(chuàng)建方法;
如果是2。第二種是表單,將返回的數(shù)據(jù)直接填充到數(shù)組中,然后創(chuàng)建廣播圖的方法。