提问者:小点点

我需要在ajax页面结果中添加分页


我已经为我的城市选项卡创建了ajax代码,以显示来自ajax的相应城市数据。

我使用了以下代码:

function showBrandData(str)
    document.getElementById("dvloader").style.display = 'block';                                
    jQuery('#txtDisplayBrands').slideDown("slow");

    if (str=="")
    {
        document.getElementById("txtDisplayBrands").innerHTML="";
        return;
    }
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("dvloader").style.display = 'none';
            document.getElementById("txtDisplayBrands").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","http://localhost/demostore/getBrandData.php?q="+str+"&page=1",true);
    xmlhttp.send();
}

下面是我要在ajax内容上加载的div

  <!-- div to display brands products -->
    <div id="txtDisplayBrands"></div>

现在我已经使用以下jquery插件对我的项目进行分页http://cssglobe.com/post/9801/easy-paginate-jQuery-plugin-for-pagination

但是当我在ajax响应中使用它时,分页不起作用。

你能帮我一下我做错的地方吗。

感谢(&D)


共1个答案

匿名用户

该站点的默认代码:

<script type="text/javascript">

  jQuery(function($){ 
  $('ul#items').easyPaginate();
  }); 

</script>

在页面加载时调用。之后将执行ajax调用,因此需要对ajax调用中加载的元素调用分页代码。

考虑将其添加到if语句中if(XMLHTTP.READYSTATE==4&&XMLHTTP.STATUS==200)