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