<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@include file="/context/mytags.jsp"%> <t:base type="jquery,easyui,tools,DatePicker,autocomplete"></t:base> <body> <table id="dg"></table> </body> <script type="text/javascript"> /*var jsondata1=‘{"total":1,"rows":[{"username":"001","password":"001"},{"username":"002","password":"002"},{"username":"002","password":"002"}]}‘; var data = $.parseJSON(jsondata1); //json格式化 alert(jsondata1);//没毛病*/ $(document).ready(function(){ $("#dg").datagrid({ title: "用户信息列表", width: 700, height: ‘auto‘, striped: true, rownumbers: true, singleSelect: true, nowrap: true, pagination: true, columns:[[ {field:"username",title:"用户名",width:100}, {field:"password",title:"密码",width:100} ]] }) $.ajax({ type:"POST", //请求方式 url:"testController.do?returnData", //请求路径 cache: false, data:"", //传参 dataType: ‘json‘, //返回值类型 success:function(result){ var jsondata2 = result; var data = $.parseJSON(jsondata2); //json格式化 alert(jsondata2);//未初始化 $("#dg").datagrid(‘loadData‘, data);//加载数据，不加表格数据不会显示 }, error:function(){ alert("error"); } }); }); </script>
原文：https://www.cnblogs.com/yadongliang/p/9170731.html