【asp】asp.net使用AJAX实现无刷新分页-net-ajax分页

欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【asp.net使用AJAX实现无刷新分页】，下面是详细的讲解！

asp.net使用AJAX实现无刷新分页

<script type=text/javascript>
       var pageIndex=0;
       var pageSize=5;
window.onload=AjaxGetData(name,0,5);
function AjaxGetData(name, index, size){
        $.ajax({
            url: jQueryPaging.aspx,
            type: Get,
            data: Name=+ name + &PageIndex=+ index + &PageSize=+ size,
            dataType: json,
            success: function (data) {
                var htmlStr=;
                htmlStr +=
                htmlStr +=
                htmlStr +=
                htmlStr +=;
                htmlStr +=    //data.cloudfileLists.length
                for (var i=0; i < data.cloudfileLists.length; i++)
                {
                    htmlStr +=;
                    htmlStr +=
                                      +
                    htmlStr +=;
                }
                htmlStr +=;
                htmlStr +=;
                htmlStr +=;
                htmlStr +=;
                htmlStr +=;
                htmlStr +=;
                htmlStr +=<table><thead><tr><td>编号</td><td>文件名</td></tr></thead><tbody><tr><td> + data.cloudfileLists[i].FileID + </td><td> + data.cloudfileLists[i].FileName + </td></tr></tbody><tfoot><tr><td colspan="'6'">;
                htmlStr +=<span>共有记录 + data.Count + ;共<span id="'count'"> + (data.Count % 5==0 ? parseInt(data.Count / 5) : parseInt(data.Count / 5 + 1)) + </span>页 + </span>;
                htmlStr +=首    页   ;
                htmlStr +=前一页   ;
                htmlStr +=后一页   ;
                htmlStr +=尾    页   ;
                htmlStr +=<input type="'text'"><input type="'button'" value="'跳转'" onclick="'GoToAppointPage(this)'"> ;
                htmlStr +=</td></tr></tfoot></table>;
 
                $(#divSearchResult).html(htmlStr);//重写html
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(XMLHttpRequest);
                alert(textStatus);
                alert(errorThrown);
            }
        });
    }
    //首页
    function GoToFirstPage() {
        pageIndex=0;
        AjaxGetData($(#txtSearch).val(), pageIndex, pageSize);
    }
    //前一页
    function GoToPrePage() {
        pageIndex -=1;
        pageIndex=pageIndex >=0 ? pageIndex : 0;
        AjaxGetData($(#txtSearch).val(), pageIndex, pageSize);
    }
    //后一页
    function GoToNextPage() {
        if (pageIndex + 1 < parseInt($(#count).text())) {
            pageIndex +=1;
        }
        AjaxGetData($(#txtSearch).val(), pageIndex, pageSize);
    }
    //尾页
    function GoToEndPage() {
        pageIndex=parseInt($(#count).text()) - 1;
        AjaxGetData($(#txtSearch).val(), pageIndex, pageSize);
    }
    //跳转
    function GoToAppointPage(e) {
        var page=$(e).prev().val();
        if (isNaN(page)) {
            alert(请输入数字!);
        }
        else {
            var tempPageIndex=pageIndex;
            pageIndex=parseInt($(e).prev().val()) - 1;
            if (pageIndex < 0 || pageIndex >=parseInt($(#count).text())) {
                pageIndex=tempPageIndex;
                alert(请输入有效的页面范围!);
            }
            else {
                AjaxGetData($(#txtSearch).val(), pageIndex, pageSize);
            }
        }
    }
</script>

关于asp.net使用AJAX实现无刷新分页的用户互动如下：

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细