ajax怎么动态添加div

  • 原创
  • |
  • 浏览:22675
  • |
  • 更新:
  • |
  • 标签:JQUERY 

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

方法/步骤

  1. 1

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

    ajax怎么动态添加div
  2. 2

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

    ajax怎么动态添加div
  3. 3

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

    ajax怎么动态添加div
  4. 4

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

    ajax怎么动态添加div
  5. 5

    然后使用jquery的append方法,把生成的div内容添加到之前空的div里。

    (因为使用了jquery的方法,所以代码里需要先引入jquery插件文件)

    ajax怎么动态添加div
  6. 6

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

    ajax怎么动态添加div
  7. 6
    该信息未经授权抓取自百度经验
  8. 7

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

    ajax怎么动态添加div
    END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部
相关标签JQUERY