easyui返回的json 格式正确，就是不显示数据

l5038814 2014-08-19 09:34:08 


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>jQuery EasyUI</title>

<link rel="stylesheet" type="text/css" href="../js/themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="../js/themes/icon.css">

<script type="text/javascript" src="../js/jquery.min.js"></script>

<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>

<script> 

$(function(){

    $('#list_data').datagrid({  

        title:'应用系统列表',  

        iconCls:'icon-save',//图标  

        width: 700,  

        height: 'auto',  

        nowrap: false,  

        striped: true,  

        border: true,  

        collapsible:true,//是否可折叠的  

        fit: true,//自动大小  

        url:'toUserList.action',   

        idField:'Id',  

        singleSelect:true,//是否单选  

        loadMsg : "正在加载，请稍等...",

        pagination:true,//分页控件  

        rownumbers:true,//行号  

        frozenColumns:[[  

            {field:'ck',checkbox:true}  

        ]],  

        toolbar: [{  

            text: '添加',  

            iconCls: 'icon-add',  

            handler: function() {  

                 

            }  

        }, '-', {  

            text: '修改',  

            iconCls: 'icon-edit',  

            handler: function() {  

                 

            }  

        }, '-',{  

            text: '删除',  

            iconCls: 'icon-remove',  

            handler: function(){  

                 

            }  

        }],  

    });  

    //设置分页控件  

    var p = $('#list_data').datagrid('getPager');  

    $(p).pagination({  

        pageSize: 10,//每页显示的记录条数，默认为10  

        pageList: [5,10,15],//可以设置每页记录条数的列表  

        beforePageText: '第',//页数文本框前显示的汉字  

        afterPageText: '页    共 {pages} 页',  

        displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录',

        buttons: [{

                iconCls: 'icon-search',

                handler: function () {

                    alert('search');

                }

            }, {

                iconCls: 'icon-add',

                handler: function () {

                    alert('add');

                }

            }, {

                iconCls: 'icon-edit',

                handler: function () {

                    alert('edit');

                }

            }] 

    }); 

    $.get("toUserList.action",function(data,status){

    alert("Data: " + data + "\nStatus: " + status);

  });

});

</script>



</head>

<body>



<table id="list_data" cellspacing="0" cellpadding="0">  

    <thead>  

        <tr>  

            <th field="userId" width="100">用户ID</th>  

            <th field="userName" width="100">用户名称</th>           

            <th field="bigDepartId" width="100">部门ID</th>  

            <th field="isMaster" width="100">部门管理</th>  

            <th field="lastLoginIp" width="100">登陆IP</th>  

            <th field="lastLoginTime" width="100">登陆时间</th>

            <th field="loginTimes" width="100">登陆次数</th>

            <th field="isAllMaster" width="100">系统管理员</th>

        </tr>  

    </thead>  

</table>  

</body>

</html>

返回的json字符串


"{\"total\":13,\"rows\":[{\"id\":1177,\"userId\":\"ceshi\",\"userName\":\"测试\",\"bigDepartId\":\"1 \",\"isMaster\":false,\"lastLoginIp\":null,\"lastLoginTime\":null,\"loginTimes\":null,\"isAllMaster\":null},{\"id\":1155,\"userId\":\"z12\",\"userName\":\"张12\",\"bigDepartId\":\"6 \",\"isMaster\":true,\"lastLoginIp\":\"219.149.170.20\",\"lastLoginTime\":\"2013-12-05 15:20:00\",\"loginTimes\":8,\"isAllMaster\":false},{\"id\":1154,\"userId\":\"z11\",\"userName\":\"张11\",\"bigDepartId\":\"6 \",\"isMaster\":false,\"lastLoginIp\":\"219.149.170.20\",\"lastLoginTime\":\"2013-12-05 15:10:00\",\"loginTimes\":10,\"isAllMaster\":false},{\"id\":1153,\"userId\":\"z10\",\"userName\":\"张10\",\"bigDepartId\":\"5 \",\"isMaster\":true,\"lastLoginIp\":\"219.149.170.18\",\"lastLoginTime\":\"2013-11-15 15:06:00\",\"loginTimes\":3,\"isAllMaster\":false},{\"id\":1152,\"userId\":\"z9\",\"userName\":\"张9\",\"bigDepartId\":\"5 \",\"isMaster\":false,\"lastLoginIp\":\"219.149.170.18\",\"lastLoginTime\":\"2013-11-15 14:41:00\",\"loginTimes\":7,\"isAllMaster\":false},{\"id\":1151,\"userId\":\"z8\",\"userName\":\"张8\",\"bigDepartId\":\"4 \",\"isMaster\":true,\"lastLoginIp\":null,\"lastLoginTime\":null,\"loginTimes\":0,\"isAllMaster\":false},{\"id\":1150,\"userId\":\"z7\",\"userName\":\"张7\",\"bigDepartId\":\"4 \",\"isMaster\":false,\"lastLoginIp\":null,\"lastLoginTime\":null,\"loginTimes\":0,\"isAllMaster\":false},{\"id\":1149,\"userId\":\"z6\",\"userName\":\"张6\",\"bigDepartId\":\"3 \",\"isMaster\":true,\"lastLoginIp\":\"219.149.170.18\",\"lastLoginTime\":\"2013-09-27 09:45:00\",\"loginTimes\":9,\"isAllMaster\":false},{\"id\":1148,\"userId\":\"z5\",\"userName\":\"张5\",\"bigDepartId\":\"3 \",\"isMaster\":false,\"lastLoginIp\":\"219.149.170.20\",\"lastLoginTime\":\"2013-12-04 14:04:00\",\"loginTimes\":16,\"isAllMaster\":false},{\"id\":1147,\"userId\":\"z4\",\"userName\":\"张4\",\"bigDepartId\":\"2 \",\"isMaster\":true,\"lastLoginIp\":\"219.149.170.19\",\"lastLoginTime\":\"2014-06-03 08:55:00\",\"loginTimes\":110,\"isAllMaster\":true}]}"
...全文
4820 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
longlonghui 2016-08-01
  • 打赏
  • 举报
 回复
引用 6 楼 l5038814 的回复:
解决了，不是js的问题 ，是我程序的问题，json字符串用 http://www.open-open.com/lib/view/open1358403487356.html 这里面的第一种方法解决了，结贴
什么程序问题啊，我也遇到和你一样的问题。我是一个页面两个dg，只是数据集不同，结果第一个没问题第二个数据死活不显示！
l5038814 2014-08-21
  • 打赏
  • 举报
 回复
解决了，不是js的问题 ，是我程序的问题，json字符串用 http://www.open-open.com/lib/view/open1358403487356.html 这里面的第一种方法解决了，结贴
yejay_y 2014-08-20
  • 打赏
  • 举报
 回复
我记得没有转义符。你用firebug的console.debug(json)看看 是对象还是字符串 字符串且格式正确的话 用eval("("+json+")")试试
l5038814 2014-08-19
  • 打赏
  • 举报
 回复
lZ你是不是有个json.js 刚加了入也不行，不知道在哪里用。 不过我一般不也这样写，我的表的字段就会写在datagrid里面： 按你的方法我试过了也不行，不知道为什么
l5038814 2014-08-19
  • 打赏
  • 举报
 回复
用columns来声明所有的列也不显示 ， 但是 通过 下面的方法 $.get("toUserList.action",function(data,status){ alert("Data: " + data + "\nStatus: " + status); 获取能看到所有数据 ，并且没有转义符
carlblack1987 2014-08-19
  • 打赏
  • 举报
 回复
lZ你是不是有个json.js忘记引入了啊。 不过我一般不也这样写，我的表的字段就会写在datagrid里面： 

$('#class1_out').datagrid({
			url : 'MyClassServlet',
			method : 'get',
			columns : [ [ {
				field : 'COURSEID',
				title : '课程编号',
				width : 80,
				align : 'center'
			}, {
				field : 'COURSENAME',
				title : '课程名称',
				width : 80,
				align : 'center'
			}, {
				field : 'DISCIPLINENAME',
				title : '专业名称',
				width : 80,
				align : 'center'
			}, {
				field : 'COURSEDESC',
				title : '课程描述',
				width : 150,
				align : 'center'
			}, {
				field : 'FINISH_FLAG',
				title : '是否完成',
				width : 40,
				align : 'center'
			}, {
				field : 'PASS_FLAG',
				title : '是否通过',
				width : 40,
				align : 'center'
			} ] ],
			onHeaderContextMenu : function(e, field) {
				e.preventDefault();
				if (!cmenu) {
					createColumnMenu();
				}
				cmenu.menu('show', {
					left : e.pageX,
					top : e.pageY
				});
			}
		});
然后就直接在body里面调用这个id的table： 

<table id="class1_out" title="必修课信息" class="easyui-datagrid"
				style="width: 100%; height: 300px; margin-right: 0px;"
				pagination="true" rownumbers="true" fitColumns="true"
				singleSelect="true"></table>
S117 2014-08-19
  • 打赏
  • 举报
 回复
你要通过JS方式生成datagrid你的table中就不要有任何内容，用columns来声明所有的列
EasyUI异步树源码 EasyUIAsynchronousTree.rar
EasyUI异步树源码 源码描述： 一、源码特点 1、easyui异步树，easyui用的一切都是json数据...后台需要返回与格式匹配的json数据才能正确加载树。 二、注意事项 1、开发环境为Visual Studio 2010，使用.net 4.0开发。
easyUI的datagrid控件日期列不能正确显示Json格式数据的解决方案
EasyUI是一套比较轻巧易用的Jquery控件，在使用过程中遇到一个问题，它的列表控件——datagrid， 在显示日期列的时候，由于后台返回给页面的数据是Json格式的，其中的日期字段，在后台是正常的“2012-11-10 12:18:00...
Easyui TreeGrid树形表格返回json数据不显示问题
老规矩还是先上图看效果：这是正确的效果图差不多花了两天的时间去研究这个TreeGrid树形表格，错误原因就是 json 问题，先看返回的json数据：{ "menu": [{ "m_id": 1, "m_name": &...
EasyUI组件datagrid不显示json数据问题
EasyUI的组件Datagrid在使用的时候，明明返回的是json格式的数据，但就是不能显示出来，这个时候可以检查一下返回的数据中是否有"\"这个字符，因为“\”在js中是转义字符 转载于:...
easyui tree json php,easyui tree后台传json处理问题
一、tree json格式[{"id": 1,"text": "权限管理","iconCls": "icon-feed","checked": false,"attributes": {"url": "#123"},"children": [{"id": 2,"text": "用户管理","iconCls": "icon-users","checked": false,...
Web 开发

81,095

社区成员

341,711

社区内容

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章