qiuye14 2015-06-23 08:00 采纳率: 50%
浏览 1616

jquery ajax仿文件夹层级打开

小弟最近在写个仿360或百度的云盘效果。
不知道他们的文件夹列表加载,然后点击打开下一层是如何实现的?
小弟自己写了个,虽然实现了,但js调试的时候出现了无限加载的问题。
因为需要服务器端的支持,就贴一下核心函数。

 //加载列表数据
function loadListData() {
    //列表加载
    $.post("ListHandler.ashx", { folderId: curFolderId(), isPublic: isPublic(), operate: "list" }, function (data) {
        $("#list").html(data);
        //点击文件夹进入子列表
        $("#list li .text").on("click", function (e) {
                //加载面包屑
                loadCrumb();
                //加载列表数据
                loadListData();
            }
        });
    });
}
 //加载面包屑
function loadCrumb() {
    $.post("ListHandler.ashx", { folderId: curFolderId(), isPublic: isPublic(), operate: "crumb" }, function (data) {
        $("#crumb .crumb-path").html(data);
        //面包屑点击事件
        $("#crumb .crumb-path span").on("click", function () {
            //加载列表
            loadListData();
            //加载面包屑
            loadCrumb();
        });
    });
}

然后用到需要列表刷新的地方发就用loadListData();
loadCrumb函数就是为了加载导航栏的图片说明

整体效果请参考360云盘,打开文件夹,文件列表的显示以及导航栏的变化,然后导航栏中点击可返回上一级或全部文件等。

感觉这样的写法是否正确,请大神指点

  • 写回答

1条回答

  • Lz强子 2017-07-11 09:37
    关注

    你好,我也正在些类似的,能发我一份参考一下吗

    评论

报告相同问题?

悬赏问题

  • ¥88 找成都本地经验丰富懂小程序开发的技术大咖
  • ¥15 如何处理复杂数据表格的除法运算
  • ¥15 如何用stc8h1k08的片子做485数据透传的功能?(关键词-串口)
  • ¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗?
  • ¥200 uniapp长期运行卡死问题解决
  • ¥15 请教:如何用postman调用本地虚拟机区块链接上的合约?
  • ¥15 为什么使用javacv转封装rtsp为rtmp时出现如下问题:[h264 @ 000000004faf7500]no frame?
  • ¥15 乘性高斯噪声在深度学习网络中的应用
  • ¥15 关于docker部署flink集成hadoop的yarn,请教个问题 flink启动yarn-session.sh连不上hadoop,这个整了好几天一直不行,求帮忙看一下怎么解决
  • ¥15 深度学习根据CNN网络模型,搭建BP模型并训练MNIST数据集