新手学习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}]}