javascript - 使用 JSP 和 Ajax 加载数据的最佳实践是什么?

标签 javascript jquery html ajax jsp

我是一名前端开发人员,对JSP知之甚少。我正在从事一个构建 CMS 的项目。我需要建议的这个特定部分是幻灯片数据。在 JSP 中,我加载每张幻灯片,然后使用 ajax 注入(inject)数据。然而,它似乎加载缓慢,尤其是超过 100 张幻灯片的幻灯片。它也破坏了很多幻灯片/HTML 结构似乎被破坏了。

每张幻灯片的数据都通过获取其 ID 来加载其自己的端点。另外,每张幻灯片都有一个编辑按钮,会再次调用幻灯片的端点来加载表单,这似乎加载也有点慢。我正在寻找使用 ajax 包含这些数据的最佳方法。我在想类似无限滚动的东西 - 特别是 http://www.responsivewebmobile.com/app/webroot/rwm_infinite_scroll/ 。但是,组织此数据并加载数据的最佳方式是什么?非常感谢任何建议。

最佳答案

使用单页滚动。通过Ajax动态加载数据,我们可以一次只加载一页。 引用这个 http://pagescroller.com/ http://alvarotrigo.com/fullPage/ 当点击向上翻页或向下翻页或 slider 时,我们可以使用带有 id 的 Ajax 加载下一页的内容

关于javascript - 使用 JSP 和 Ajax 加载数据的最佳实践是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25880948/

相关文章:

javascript - Google AdSense 的 400 错误请求

javascript - 当范围函数尝试将单元格信息作为参数传递时,Angular JS ui-grid cellTemplate 的 ng-click 不触发

javascript - 根据 rel 属性删除 anchor (后退按钮)

javascript - jQuery 类型错误 : $ is undefined

javascript - 使用 OO Javascript、ThreeJS 和 ScrollMagic 的网络 worker

javascript - 如何根据facebook评论动态调整div高度

javascript - 在 [contenteditable] div 中完全禁用粘贴

javascript - 如何在kinetic js中为 "text"对象的 "someText"属性赋值?

javascript - 在node.js中解析登录 - 登录成功但 'There is no current user'

javascript - 如何将值归因于jquery click函数