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: "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>
后台代码可以参考文章:.Net AJAX操作与反射的结合应用
总结:就是将大数据量数据进行切分、分批返回,通过这种方式可以快速的将数据呈现,可以马上就让客户看到相应的数据从而提示用户体验。
下载完整源代码:文件下载