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

时间:2012-06-26 13:01:37

标签: php jquery ajax

我为城市标签创建了一个jjax代码,以显示来自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();
}

以下是我的div加载ajax内容

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

现在我使用了以下jquery插件来分页我的项目 http://cssglobe.com/post/9801/easy-paginate-jquery-plugin-for-pagination

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

你能帮我解决我做错的事吗。

谢谢&amp;此致

1 个答案:

答案 0 :(得分:0)

该网站的默认代码:

<script type="text/javascript">

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

</script>

在页面加载时调用。之后你的ajax调用正在执行,所以你需要调用你在ajax调用中加载的元素的分页代码。

考虑在if语句中添加它     if(xmlhttp.readyState == 4&amp;&amp; xmlhttp.status == 200)