欢迎光临
AK的小站-记录生活的点滴

记录PHP输出json,layui表格读取

1.PHP输出json火狐显示SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data (json数据输出错误是导致layui表格显示数据接口错误的主因)

json输出错误
layui表格

2.解决方法:php在输出json前加入

ob_end_clean();

清除一下 缓存,就可以正常浏览了

此时,json数据格式正确,绑定到layui表格

3.layui表格绑定数据接口

在layui表格模板的url中,绑定php文件即可,必须为本地文件夹下的文件。尝试绑定服务器的json数据接口无效。
<table id="demo" lay-filter="test"></table>
<script src="layui/layui.js"></script>
<script>
layui.use('table', function(){
  var table = layui.table;
  //第一个实例
  table.render({
    elem: '#demo'
    ,height: 312,
    url: 'test.php', //数据接口
    page: true //开启分页
    ,cols: [[//表头
      {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
      ,{field: 'name', title: '用户名', width:80}
      ,{field: 'jiege', title: '用户名', width:80}
      ,{field: 'tupian', title: '用户名', width:80}
      ,{field: 'jieshao', title: '用户名', width:80}
      ,{field: 'num', title: '用户名', width:80}
      ,{field: 'xianshi', title: '用户名', width:80}
      ,{field: 'more', title: '用户名', width:80}
      ,
    ]]
  });
});
</script>
赞(4) 请喝奶茶
未经允许不得转载:吾爱AK-哇咔咔AK » 记录PHP输出json,layui表格读取

觉得文章对你有用,奖励一杯奶茶给我也是可以滴(o゚▽゚)o

微信扫一扫打赏