如何动态加载本地数据进行分页

相信很多小伙伴在做项目时会用到数据分页的功能，那如何动态加载本地数据进行分页而不使用插件进行分页呢？下面我们来实现一下如何动态加载本地数据进行分页的。
html代码：

<!-- 主体部分 start -->
	<div class="mycart w990 mt10 bc" style="margin:0px 0px 0px 236px">
		<h2>
			<img src="${ctx}/assets/ZhuYeMian/dengshizhaoming.png" />
		</h2>
		<div class="col-lg-12 col-md-12 col-sm-12" id="CommodityID"
			style="width:100%;height:100%;margin:0px;"></div>
	</div>
	<div id="pagerArea" unselectable="on" onselectstart="return false;" style="-moz-user-select:none;"></