layui-tree使用ajax加载数据

原创 2018年02月02日 14:57:12

如题,这个问题困扰了我很久。总是出现各种问题

问题一:

你后台返回的数据中不能多出一些奇怪的数据,即便你该有的东西都有了(一开始我以为只要该有的参数不少就可以,现在看来不是)

问题二:

因为使用ajax求的数据,所以你可能会这么写

layui.tree({
   elem : '#demo',
   nodes :getTree()
});

function getTree(){//ajax请求、、、、、}

我也是,但是不行,我也不知道为啥,明明没错的啊疑问,求告知

所以这么写

function getTree(){

$.ajax({

。。。

success:function(data){

layui.tree({   elem : '#demo' , nodes :data });

}});}

问题三:

你返回的数据是‘’对的‘’,但是就是不行。你甚至用alert将success:function(data){}中的data弹出来,然后复制,粘贴到 nodes:后面都能显示出正确的结果。但是就是不行。我给你说,十有八九是问题一的错,或者是你的“”的问题。我测试了很多遍。

“”是什么意思那。就是说你nodes:后面的值必须是{“”,“”}这样的,key和value必须有“”。官网给出的例子里面的key是没有“”,我就是被这个给误导的。

我在练习tree时就遇到这几个问题,尤其是问题二,真的是不理解为啥不对





layui-tree实现Ajax异步请求后动态添加html元素

最近在弄一个产品分类管理,是一个树形菜单的形式,用的是layui-tree ,由于它并没有动态添加节点,所以只能自己刚了。                                      ...
  • u013397924
  • u013397924
  • 2017年03月29日 10:13
  • 9348

layui自定义ajax左侧三级菜单

HTML代码: 需引入layui.css代码 ...
  • zy1281539626
  • zy1281539626
  • 2017年03月20日 10:49
  • 7594

layui中的树形关于取值传值问题

这个是我们需要的效果,实际操作中会先执行渲染 然后在执行方法,然后我们发现树形的JSON是空,调试了N遍一直以为是优先级别的问题了。    最后解决方案是     ////layui ...
  • a967333
  • a967333
  • 2018年01月13日 10:25
  • 162

layui实现checkbox的目录树tree

layui.use([ 'tree' ], function() { $ = layui.jquery; form = layui.form; //获取节点数据 getTreeData(); }); ...
  • weixin_39703044
  • weixin_39703044
  • 2017年11月15日 11:20
  • 1622

Layui前端框架导航栏使用介绍

LayUI介绍 Layui 是一款采用自身模块规范编写的国产前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏...
  • ahou2468
  • ahou2468
  • 2017年05月12日 15:25
  • 6693

layui流加载实例

预加载layui的js,css html: js: $(document).ready(function(){ var limit = 10; ...
  • OStriueO
  • OStriueO
  • 2017年03月21日 15:13
  • 3747

layui-tree使用ajax加载数据

如题,这个问题困扰了我很久。总是出现各种问题 问题一: 你后台返回的数据中不能多出一些奇怪的数据,即便你该有的东西都有了(一开始我以为只要该有的参数不少就可以,现在看来不是) 问题二: 因为使...
  • zhujiarunm
  • zhujiarunm
  • 2018年02月02日 14:57
  • 44

layui——分页(ajax请求)

这次记录下借助layui框架实现的分页功能,本人使用的是layui的1.0.9版本。首先还是来复习下layui分页需要掌握的知识点,再通过实际案例来说明下具体这么用。 一 加载模块 首先,在使用l...
  • qq_39932607
  • qq_39932607
  • 2018年01月08日 10:11
  • 227

jQuery使用ajax访问后台数据并加载…

前台页面引用jQuery包 $(function(){     $("#userid").ready(function(){     $.ajax({      type: "POST",    ...
  • nihousheng
  • nihousheng
  • 2014年12月23日 00:13
  • 2034

Ajax异步加载web网页数据

html代码 //javascript代码通过id名称写 请选择影院
  • Bruce_shan
  • Bruce_shan
  • 2016年12月26日 17:53
  • 1547
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:layui-tree使用ajax加载数据
举报原因:
原因补充:

(最多只允许输入30个字)