问题:
直接访问servlet可以得到数据:
但是通过通过页面访问发现datagrid 根本就不发送请求:
页面:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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>Insert title here</title>
<script type="text/javascript" src="../../jslib/jqueryjs/jquery-1.9.1.main"></script>
<!-- 2 css资源 -->
<link rel="stylesheet" type="text/css" href="../../css/jquerycss/easyui.css">
<!-- 3、图标资源 -->
<link rel="stylesheet" type="text/css" href="../../css/jquerycss/icon.css">
<!-- 4、easyui的js包 -->
<script type="text/javascript" src="../../jslib/jqueryjs/jquery.easyui.min.js"></script>
<!-- 5、本地语言 -->
<script type="text/javascript" src="../../jslib/jqueryjs/easyui-lang-zh_CN.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
//创建data_grid
$("#st").datagrid({
url:'/JsonServlet', //数据来源
//列的定义
columns:[[
{field:'id',title:'用户ID',width:50},
{field:'name',title:'用户姓名',width:50},
{field:'passWord',title:'用户密码',width:50,align:'right'}
]],
fitColumns:true,//列自适应宽度,不能和冻结列同时设置为true
striped:true,//斑马线效果
idField:'id',//主键列
rownumbers:true,//显示行号
singleSelect:false,//是否单选
pagination:true,//显示分页栏
pageList:[10,20,50,100],//每页行数选择列表
pageSize:10,//出事每页行数
remoteSort:false,//是否服务器端排序,设成false,才能客户端排序
sortName:'sclass'//设置排序列
});
})
</script>
<table id="st"></table>
</body>
</html>
JsonServlet:
package com.climberclimbing.github.io.servlet;
import java.io.IOException;
import java.util.ArrayList;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.climberclimbing.github.io.dao.AdminDaoImp;
import com.climberclimbing.github.io.model.*;
import net.sf.json.JSONArray;
public class JsonServlet extends HttpServlet{
private static final long serialVersionUID = 1L;
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
ArrayList <Admin> admins=new ArrayList<Admin>();
AdminDaoImp adminDaoImp = new AdminDaoImp();
admins = adminDaoImp.getAllAdmin();
JSONArray result = JSONArray.fromObject(admins);
String JsonResult = "{\"total\":"+admins.size()+","+"\"rows\":"+result.toString()+"}";
System.out.println(JsonResult);
resp.getWriter().write(JsonResult);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(req, resp);
}
}