ajax怎么动态添加div

2025-03-14 18:16:19

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
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢