首页 > Web开发 > 详细

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

时间:2016-01-05 00:06:16      阅读:364      评论:0      收藏:0      [点我收藏+]
后台返回数据要求:后台需返回每一页的数据和分好的页脚信息

<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>

 

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

原文:http://www.cnblogs.com/yexiangwang/p/5100489.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!