Ajax方式分页加载列表实现

在前面：

　　最近需要用到这个功能，所以这几天一直在研究这个，目前大致功能已实现，后续需要完善，但需要的功能点已完成，记录下；

1、分页功能引入bootstrap的分页插件：

<script type="text/javascript" src="3rd/jquery/jquery.js"></script>
<script type="text/javascript" src="3rd/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="3rd/bootstrap/js/bootstrap-paginator.min.js"></script>

2、Ajax没有使用jquery的，而是找了一个方便调试的代码，主要看重支持跨域：

<div class="condition">
<div class="text-center single-box">
<div class="search-box">
<i class="glyphicon glyphicon-search" onclick="searchModule.queryBefore()" role="button" tabindex="0"></i>
<input type="text" placeholder="Please input what you want to inquire about" id="sTilte"
onkeyup="searchModule.queryBefore()" class="ng-pristine ng-untouched ng-valid ng-empty"
aria-invalid="false">
</div>
<a href="javascript:;" onclick="searchModule.moreCtrl()">
Advanced<i id='arrowsmall' class="fa fa-sort-desc"></i>
</a>
</div>
<div class="more isShow">
<ul class="select">
<li class="select-list">
<dl id="select1">
<dt>Category：</dt>
<dd><a>Politics</a></dd>
</dl>
</li>
<li class="select-list">
<dl id="select2">
<dt>Members：</dt>
<dd class=""><a>cctv</a></dd>
</dl>
</li>
<li class="select-list">
<dl id="select3">
<dt>Tag：</dt>
<dd class=""><a>Cooperation</a></dd>
</dl>
</li>
<li class="select-list">
<dl id="select4">
<dt>Dateline:</dt>
<dd class=""><a>today</a></dd>
<dd class=""><a>week</a></dd>
<dd class=""><a>month</a></dd>
</dl>
</li>
<li class="select-result">
<dl>
<dt>current：</dt>
<dd class="select-no"></dd>
</li>
</ul>
</div>
</div>

html