新手学习Easyui 中ajax请求回来json,如何在表格中展示。请大牛指点一下

提升梁 2017-04-05 02:49:05
<script type="text/javascript">
$(function(){
$("#submit").click(function(){
var p1 = $("#q1").val();
$.ajax({
type:'post',
url:'StuServlet?method=Stuno',
data:jQuery.param({"p1": p1}),
dataType:'json',
success:function(data,response,status){
$('#dg').datagrid('reload',
{columns:[[
{field:"age",title:'年龄',width:100,value},
{field:"chinese",title:'语文成绩',width:100},
{field:"classe",title:'班级',width:100,align:'right'},
{field:"english",title:'英语成绩',width:100,align:'right'},
{field:"math",title:'数学成绩',width:100,align:'right'},
{field:"name",title:'姓名',width:100,align:'right'},
{field:"sex",title:'性别',width:100,align:'right'},
{field:"stuno",title:'学号',width:100,align:'right'}
]]
}
);
}
});
});

});
</script>

上面是js部分,body部分就一个<table id="dg"></table> 数据能请求到,格式也没问题,但就是不知道该如何展示。
这是json数据{"total":1,"rows":[{"age":23,"chinese":117,"classe":8,"english":94.2,"math":106.3,"name":"王猛","sex":"男","stuno":1}]}
...全文
254 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
李德胜1995 2017-04-05
  • 打赏
  • 举报
回复
引用 3 楼 weixin_37645014 的回复:
[quote=引用 2 楼 pany1209 的回复:]

$(function(){
$('#dg').datagrid( {
		iconCls : 'icon-forward',
		fit : true,
		border : false,
		striped : true,
		rownumbers:true,
		url:"返回json的url",
		columns : columns,
		idField:'id',
		singleSelect:true
		});
});
//其他需要属性自己查文档加上
	<table id="dg"></table>
你可能没明白我的意思。我也知道这种js写datagrid应该写URL,但是我ajax的URL是发送参数的然后返回的json,datagrid中的URL没能发送参数,拼不了sql语句。 [/quote] $('#dg').datagrid("options").url=""...可以指定url,load和reload方法都可以带参数
提升梁 2017-04-05
  • 打赏
  • 举报
回复
引用 2 楼 pany1209 的回复:

$(function(){
$('#dg').datagrid( {
		iconCls : 'icon-forward',
		fit : true,
		border : false,
		striped : true,
		rownumbers:true,
		url:"返回json的url",
		columns : columns,
		idField:'id',
		singleSelect:true
		});
});
//其他需要属性自己查文档加上
	<table id="dg"></table>
你可能没明白我的意思。我也知道这种js写datagrid应该写URL,但是我ajax的URL是发送参数的然后返回的json,datagrid中的URL没能发送参数,拼不了sql语句。
李德胜1995 2017-04-05
  • 打赏
  • 举报
回复

$(function(){
$('#dg').datagrid( {
		iconCls : 'icon-forward',
		fit : true,
		border : false,
		striped : true,
		rownumbers:true,
		url:"返回json的url",
		columns : columns,
		idField:'id',
		singleSelect:true
		});
});
//其他需要属性自己查文档加上
	<table id="dg"></table>
提升梁 2017-04-05
  • 打赏
  • 举报
回复
对了,我用的Easyui版本是1.2.6

81,092

社区成员

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

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