养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

ajax怎么动态添加div

时间:2024-10-17 10:26:33

aj瞢铍库祢ax怎么动态添加div?其实动态添加div,使用js脚本就能完全添加了,下面我们来看一下是怎么添加的。

方法/步骤

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

© 一点知识