函数封装,实现ajax获取分页信息

后台返回数据要求:后台需返回每一页的数据和分好的页脚信息

<script type="text/javascript">
        //函数封装,实现ajax获取分页信息
        function showpage(url){
            var xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function(){
                if(xhr.readyState==4){
                    //json字符串变为对象处理
                    eval("var info="+xhr.responseText);
                    var s = "<table><tr style='font-weight:bold'><td>序号</td><td>名称</td><td>价格</td><td>数量</td><td>重量</td></tr>";
                    for(var i=0; i<info.length-1; i++){
                        s += "<tr>";
                        s += "<td>"+info[i].number+"</td>";
                        s += "<td>"+info[i].goods_name+"</td>";
                        s += "<td>"+info[i].goods_price+"</td>";
                        s += "<td>"+info[i].goods_number+"</td>";
                        s += "<td>"+info[i].goods_weight+"</td>";
                        s += "</tr>";
                    }
                    s += "<tr><td colspan='5'>"+info[info.length-1]+"</td></tr>";
                    s += "</table>";
                    document.getElementById('result').innerHTML = s;
                }
            }
            xhr.open('get',url);
            xhr.send(null);
        }
        window.onload = function(){
            showpage('./data.php');
        }
        </script>

 

posted @ 2016-01-04 22:27  XINYUHAI77  阅读(391)  评论(0编辑  收藏  举报