datagrid页面请求两次问题分析

以下是html代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="ui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="ui/themes/icon.css">
<script type="text/javascript" src="ui/jquery.min.js"></script>
<script type="text/javascript" src="ui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="ui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="ui/jquery.serializejson.min.js"></script>
<script type="text/javascript" src="js/report.js"></script>

</head>
<body>
<form id="searchForm">
	开始日期：<input name="startDate" class="easyui-datebox">
	截止日期：<input name="endDate" class="easyui-datebox">
	<button id="btnSearch">查询</button>
</form>

<div style="height:2px;" ></div>
<table id="grid"></table>
</body>
</html>

以下是report.js代码：

$(function(){
	//加载表格数据
	$('#grid').datagrid({
		url:'report_ordersReport',
		columns:[[
			{field:'name',title:'商品类型',width:100},
			{field:'y',title:'销售额',width:100}
		]],
		singleSelect: true,
	});

	//点击查询按钮
	$('#btnSearch').bind('click',function(){
		//把表单数据转换成json对象
		var formData = $('#searchForm').serializeJSON();
		//alert(JSON.stringify(formData));
		if(formData.endDate){//有输入就是true
			formData.endDate+=" 23:59:59";
		}
		$('#grid').datagrid('load',formData);
	});
});

请求页面：

datagrid页面请求两次问题分析

后台代码：


	/**
	 * 销售统计报表
	 * @return
	 */
	public void ordersReport() {
		System.out.println(startDate+"----"+endDate);
		List list = reportBiz.ordersReport(startDate,endDate);
		write(JSON.toJSONString(list));
	}

后台输出：可以看出前台发送一次请求.

datagrid页面请求两次问题分析