求助用jquery做分页时，碰到最后一页出错的问题

qq_36509661 2017-03-10 11:54:49



        var pagesize=3;     // 一页显示3个商品

	var currentpage=1;   //初始页数

	var i=0;

	$.ajax({

  		url:"json/hotellist.json",

   		type:"get",

   		cache:false,

   		dataType:"json",

   		success:function(data){

   			var listcount=data.length;       //获得总的商品数量

   			var pagecount=Math.ceil(listcount/pagesize);   //计算多少个分页

   			var html='';

   			for(i=1; i<=pagecount; i++){

        		html+="<li>"+"<a href='javascript:(0);' class='pageclick' pagenum='"+i+"'>"+i+"</a>"+"</li>";

    		}

    		$('#pageview .pagination').html('').append(html);

                function showpage(pagenum){

    			var newlisthtml;

		        for(i = (pagenum-1)*3; i < 3*pagenum ; i++){           //点击换页时，计算加载第几个商品到第几个商品的数据

		            newlisthtml += "<div class='content_box'>"+

						"<div class='hotelcontainer'>"+

							"<div class='left'>"+

								"<img src='images/tu.png'/>"+

							"</div>"+

							"<div class='right word'>"+

								"<div class='hotelname'>"+

									"<a href='hoteldetails.html' class='wd'>"+data[i].hotel_name+"</a>"+

									"<span class='hotelprice'>¥<span>"+data[i].hotel_price+"</span></span>"+

								"</div>"+

								

								"<div class='star'>"+"<img src='images/4star.png'/>"+"<span><span class='starnum'>"+data[i].hotel_star+"</span>星酒店</span>"+"</div>"+

								"<div class='hoteladdress'>"+"<a href='mapdisplay.html'><span>酒店地址：</span>"+data[i].hotel_address+"</a>"+"</div>"+

							"</div>"+

						"</div>"；

		        }

		        $('.hotelintroduce .lf').html('').append(newlisthtml);

		    }

		    $('.pageclick').on('click',function(){

		    	var num = $(this).attr('pagenum');

		    	showpage(num);

		    })

    	}

   	});

问题就出在最后一页的时候，商品不足3个了就出错
比方说，我json里一共有10个商品数据，每一页加载3个商品，到最后一页的时候只剩下1个商品数据了，就报错Uncaught TypeError: Cannot read property 'hotel_name' of undefined
如果商品总量正好能整除3就不会出错。。。。

...全文