前端之家收集整理的这篇文章主要介绍了
AJAX 大数据量处理,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
思路如下:
将大数据量数据进行分割返回,例如需要返回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: JSONjsonEntity = " + 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>" + jsonEntity.DetailList[i].Title + " + jsonEntity.DetailList[i].Content + </tr>";
}
$(#EntityTable").append(str);
}
</script>
文章出处:
http://www.cnblogs.com/yangboyu/archive/2010/08/09/1795287.html
原文链接:https://www.f2er.com/ajax/164438.html