首頁 > 網際網路

ajax怎麼動態新增div

2019-12-12 07:12:16

ajax怎麼動態新增div?其實動態新增div,使用js指令碼就能完全新增了,下面我們來看一下是怎麼新增的。

1

我們在html裡輸入一個空的div,然後新增一個按鈕,觸發ajax請求。


2

在按鈕事件裡,我們傳送一個ajax請求。


3

在ajax的成功回撥方法裡,我們假設返回來的資料是一個陣列。


4

我們迴圈這個陣列,根據返回來的內容,生成div字串,把字串放到一個陣列裡。


5

然後使用jquery的append方法,把生成的div內容新增到之前空的div裡。

(因為使用了jquery的方法,所以程式碼裡需要先引入jquery外掛檔案)


6

執行頁面,點選下方的按鈕傳送請求。


7

可以看到請求回來後,我們在div裡生成了二個子的div內容。



IT145.com E-mail:sddin#qq.com