ajax怎么动态添加div

时间:2024-10-12 03:30:29

1、我们在html里输入一个空的div,然后添加一个按钮,触发ajax请求。

ajax怎么动态添加div

2、在按钮事件里,我们发送一个ajax请求。

ajax怎么动态添加div

3、在ajax的成功回调方法里,我们假设返回来的数据是一个数组。

ajax怎么动态添加div

4、我们循环这个数组,根据返回来的内容,生成div字符串,把字符串放到一个数组里。

ajax怎么动态添加div

5、然后使用jquery的append方法,把生成的div内容添加到之前空的div氇筐塘瓠里。(因为使用了jquery的方法,所以代码里需要先引入jquery插件文件)

ajax怎么动态添加div

6、运行页面,点击下方的按钮发送请求。

ajax怎么动态添加div

7、可以看到请求回来后,我们在div里生成了二个子的div内容。

ajax怎么动态添加div
© 手抄报圈