快捷搜索:

jQuery AJAX分页实例

查询功能是开拓中最紧张的一个功能,大年夜量数据的显示,我们用的最多的便是分页。

日常平凡我们点击首页,下一页,上一页,尾页这些功能都是会引起页面回发的,也便是必要完全跟办事器进行交互,往返相应的光阴,传输的数据量都是很大年夜的。AJAX的分页可以很好的办理这些问题,本篇便是结合Jquery编写的分页实例。

详细的步骤:

HTML页面中的JS如下

数据的传输用的JSON款式。大年夜家知道JSON是轻量级其余数据传输。前台的展现时用的table。这样天生的HTML代码很简洁,而且不必要刷新页面,用户体验很好。

HTML页面的BODY内容如下:

div>

input type="text" id="txtSearch" />input type="button" id="btnSearch" value="Search" />

div>div id="divSearchResult">

div>

注:别忘怀加载Jquery库文件。

您可能还会对下面的文章感兴趣: