JS组装 HTML片段列表 ul li

最新推荐文章于 2022-11-07 08:34:07 发布

yangqingfan

最新推荐文章于 2022-11-07 08:34:07 发布

阅读量1.2k

点赞数

分类专栏：开发笔记(java)

本文链接：https://blog.csdn.net/yangqingfan/article/details/46913207

版权

本文介绍了两种使用JavaScript动态组装HTML列表的方法。一种是通过AJAX获取数据后创建`<ul>`和`<li>`元素，另一种是利用jQuery的collapsible组件创建包含多个列表的结构。内容涉及DOM操作、AJAX请求和数据遍历。

摘要由CSDN通过智能技术生成

一组装列表

el = document.getElementById('requestlist');
//var url = '/ServiceAction/com.eweaver.webservice.servlet.MListAction?action='+listtype+'&status='+liststate+'&pageno='+page+'&id='+user;

$.ajax({
       type : "get",
       dataType : "JSON",
       url: '/ServiceAction/com.eweaver.webservice.servlet.MListAction?action='+listtype+'&status='+liststate+'&pageno='+page+'&id='+user,

success : function(data){

             if(data.length>0){ //

      $.each(data,function(i,n){
          li = document.createElement('li');
           var a = document.createElement(