设为首页 | 加入收藏

网站建设报价咨询,网站建设A套餐 网站建设报价咨询,网站建设B套餐 网站建设报价咨询,网站建设C套餐 网站建设报价咨询
网站设计制作
网络整合营销外包,长沙网站建设
您目前的位置:森达网络 >>网站设计制作
网站设计制作

长沙做网站的公司用无刷新技术进行企业网站开发

本文来源: asp.net ajax      本文作者:asp.net无刷新      发布时间:2017-07-15


为了提高网站的用户体验度,现在
长沙做网站团队在开发的过程中,尽可能的使用户浏览网站的时候减少刷新次数,增加网站的响应速度,这种方式必须要的技术手段就是ajax+json+jquery。以下是网站开发过程中使用的代码,仅供参考。
var PageNum = 1;
    var PageCount = 1;
   
    //初始化数据,第一次加载分页数据
    function Init()
    {
        GetTotalPage();
        Bind(1);
    }
    function reloadPage()
    {
        GetTotalPage();
        Bind(PageNum);
    }
   
    function reloadP(PageNum)
    {
        GetTotalPage();
        Bind(PageNum);
    }
   
   //获取脚本值进行分页实现asp.net无刷新效果
    function Bind(pageNum){       
        PageNum = pageNum;
        //tit
        var myAjax = new Ajax.Request(
            ’ashx/Page.ashx?PageNum=’+PageNum,
            {
                method:’get’,
                datatype:’json’,
                onSuccess:function(response){
                    var json = response.responseText;
                    var obj = eval ("(" + json + ")");
                    var html="";
                    for(var i = 0;i<obj.ds.length;i++)
                    {
                        html +=" <li><img src=\"images/user.jpg\" /><div class=\"pllr\">";
                        html +="  <p class=\"pl_name\">"+obj.ds[i].ID+"==="+obj.ds[i].PLname+":<span style=\"color:#FF6600\">["+obj.ds[i].PLtime+"]</span></p><p class=\"pl_content\"> " +obj.ds

[i].Contents + "</p>";                  
                        html += " </div></li>";
                    }
                 
            // $(’divResult’).innerHTML =  obj.ds[1].Contents;
            $(’divResult’).innerHTML =  html;
           
           if(obj.ds.length != 0)
           {          
              $(’page’).innerHTML = "第"+PageNum + "页 /" + " 共"+PageCount+"页";  
               DisableButton();
             $("divButtons").style.display = "";
             
           }
      }
            }
        );
    }   
   
//加载分页效果,提示分页数量以及上一下下一页效果
    function GetTotalPage(){
    var pageList = "";
        var myAjax = new Ajax.Request(
            ’ashx/Count.ashx’,
            {
                method:’get’,
                onSuccess:function(response){
                    PageCount = response.responseText;
           $(’page’).innerHTML = "第"+PageNum + "页 /" + " 共"+PageCount+"页";  
            
             for (var i = (PageNum - 4) > 0 ? (PageNum - 4) : 1; i <= ((PageNum +4) <= PageCount ? (PageNum +4) : PageCount); i++)
                {              
                    if (i == PageNum)
                    {
                        pageList +="<span class=\"current\">[" + i + "]</span>";
                      
                    }
                    else
                    {
                        pageList += "<a href=\"#\" onclick=\"reloadP("+ i +");\"><span style=\"font:13px; width:50px;\">[" + i + "]</span></a>";
                   
                    }
                }
              
         $(’divNumber’).innerHTML = pageList;
      }
            }
        );
    }
   
    function firsts()
    {       
        Bind(1);
        GetTotalPage();
    }
   
    function nextp()
    {
        PageNum++;
        Bind(PageNum);
        GetTotalPage();
    }
   
    function prevp()
    {
        PageNum--;
        Bind(PageNum);
        GetTotalPage();
    }
   
    function lasts()
    {
        PageNum = PageCount;
        Bind(PageNum);
        GetTotalPage();

    }
   
 
    function DisableButton()
    {
     //页数为第一页时,首页以及上一页隐藏
        if(PageNum ==1)
        {
        $("first").style.display = "none";
        $("prev").style.display = "none";

        }
        else
        { $("first").style.display = "";
        $("prev").style.display = "";

        }
     //页数为最后一页时,末页以及下一页隐藏
        if(PageNum == PageCount)
        {

         $("last").style.display = "none";
        $("next").style.display = "none";
        }
        else
        {
         $("last").style.display = "";
        $("next").style.display = "";

        }
    }
    本文由
长沙做网站的公司整理,转载请注明www.sendawangluo.com
   

版权所有:长沙森达网络工作室2011-2016 All Rights Reserved 地址:长沙市岳麓区中电软件园总部大楼 网站备案号:湘ICP备11005944号