思路如下:
将大数据量数据进行分割返回,例如需要返回100条数据,我们可以通过10次请求来进行返回数据。每次返回数据的时候其中包括数量的总行数、返回当前数据的位置、此次返回数据的数量。
例如:{TotalRowsCount:100,CurrentRowsIndex:60,CurrentRowsCount:10}。
代表总行数:100,当前行数已经返回到:60,此次返回数量10。
JS的实现部分。
<script type="text/javascript" language="javascript">
var ajaxUrl = "<%=Request.ApplicationPath %>/Common/AJAXCommon.aspx";
var jsonEntity;
$("#btn_GetLargeData").click(function() {
ExecAjax(1);
});
function ExecAjax(index) {
$.ajax({ type: "POST",
url: ajaxUrl,
data: "Mode=<%=Convert.ToInt32(Core.Enum.AjaxOperType.GetLargeData)%>&index=" + index,
dataType: "JSON",
success: function(msg) { eval("jsonEntity = " + msg); FullTable(); if (jsonEntity.CurrentRowsIndex < jsonEntity.RowsCount) { ExecAjax(index + 1); } },
error: function() { alert("Error"); }
});
}
function FullTable() {
var str = "";
for (var i = 0; i < jsonEntity.DetailList.length; i++) {
str += "<tr>";
str += "<td>" + jsonEntity.DetailList[i].Index + "</td>";
str += "<td>" + jsonEntity.DetailList[i].Title + "</td>";
str += "<td>" + jsonEntity.DetailList[i].Content + "</td>";
str += "</tr>";
}
$("#EntityTable").append(str);
}
</script>
文章出处:
http://www.cnblogs.com/yangboyu/archive/2010/08/09/1795287.html