DWR无刷新分页实现

黑色简洁风格的无刷新分页,用的是 DWR 这套老牌 Java Ajax 框架,配合起来还挺顺手的。你只需要在后端写个getPageData方法,通过 DWR 暴露给前端,JavaScript 那边直接调用就行,像用本地函数一样,蛮方便的。

传统分页每次都要整页刷新,体验感比较差。用 DWR 搞一下就不一样了,点击分页按钮的时候,只换数据,不动页面结构,响应也快,用户体验能上一个台阶。

后端部分也挺,一个PageService类搞定,传页码和每页大小给它,它从数据库捞数据,返回给前端。前端调用时用DWREngine打个包,批一下,效率还不错。

JavaScript 那块主要就是绑定个点击事件,点一下分页按钮,走一次getPageData,用返回的数据动态填充dataContainer就完了。页面不跳转,体验流畅,看着也舒服。

不过要注意哦,DWR 虽然好用,但你暴露方法的时候可得小心点,别把敏感的后端逻辑全都扔出来。可以加点权限校验、错误之类的,不然真出问题就糟了。

如果你用的是 Java 后端,又想搞点无刷新效果,DWR 分页这套挺适合的。想参考更多写法,可以看看DWR AJAX 调用的最佳实践这篇文章。

rar 文件大小:448.81KB