AJAX 大数据量处理

前端之家收集整理的这篇文章主要介绍了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

猜你在找的Ajax相关文章