AJAX 大数据量处理

发布时间：2020-12-16 00:23:16 所属栏目：百科来源：网络整理

导读：思路如下：将大数据量数据进行分割返回，例如需要返回100条数据，我们可以通过10次请求来进行返回数据。每次返回数据的时候其中包括数量的总行数、返回当前数据的位置、此次返回数据的数量。例如：{TotalRowsCount:100,CurrentRowsIndex:60,CurrentRowsCou

思路如下：

　　将大数据量数据进行分割返回，例如需要返回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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!