想整理一下用AJAX做分页的办法
def ajax_pagination_links(paginator, options={})
options.merge!(ActionView::Helpers::PaginationHelper::DEFAULT_OPTIONS) {|key, old, new| old}
window_pages = paginator.current.window(options[:window_size]).pages
return if window_pages.length <= 1 unless
options[:link_to_current_page]
first, last = paginator.first, paginator.last
returning html = '' do
if options[:always_show_anchors] and not window_pages[0].first?
html << link_to_remote(first.number, :update => options[:update], :url => { options[:name] => first }.update(options[:params] ))
html << ' ... ' if window_pages[0].number - first.number > 1
html << ' '
end
window_pages.each do |page|
if paginator.current == page && !options[:link_to_current_page]
html << page.number.to_s
else
html << link_to_remote(page.number, :update => options[:update], :url => { options[:name] => page }.update(options[:params] ))
end
html << ' '
end
if options[:always_show_anchors] && !window_pages.last.last?
html << ' ... ' if last.number - window_pages[-1].number > 1
html << link_to_remote(paginator.last.number, :update => options[:update], :url => { options[:name] => last }.update( options[:params]))
end
end
end
在view调用页面产生链接
<%= ajax_pagination_links @pages, {:params => {:search_query => @params[:search_query]} } %>
periodically_call_remote
link_to_remote
简单的will_paginate说明
http://dev.nozav.org/rails_ajax_table.html
分享到:
相关推荐
总结来说,实现Java AJAX分页和JSP分页涉及前后端的协作。前端通过AJAX与后端通信,后端处理请求并从数据库获取数据,然后将数据返回给前端,前端再更新页面内容。这个过程提升了用户体验,使得浏览大数据集变得更加...
**Ajax分页原理:** Ajax分页的基本原理是通过JavaScript异步发送HTTP请求到服务器,请求只获取当前页所需的数据,然后在客户端用JavaScript动态地将这些数据插入到网页中。这样用户可以在浏览页面时保持交互性,而...
在描述中提到的博客链接中,作者张书玲分享了一个关于Ajax分页实现的示例。虽然具体代码未在摘要中给出,但通常这类Java类会包含以下关键部分: 1. **数据查询**:使用JDBC或其他ORM框架(如Hibernate、MyBatis)从...
**jQuery AJAX分页技术详解** 在Web开发中,分页是一种常见的数据展示方式,它能够有效地组织大量数据,提高页面加载速度,优化用户体验。jQuery,一个轻量级、功能丰富的JavaScript库,结合AJAX(异步JavaScript和...
在Asp.net中,我们可以使用多种方式实现Ajax分页,如jQuery的Ajax功能、ASP.NET AJAX Control Toolkit中的Paging控件,或者自定义Ajax分页组件。这里我们将主要讨论使用jQuery Ajax和Asp.net MVC或Web Forms的方式。...
php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax...
**Ajax分页技术详解** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在网页应用中,分页是一个常见的功能,特别是在数据量庞大的时候,分页可以帮助...
传统的分页通常会加载整个页面,而使用Ajax分页,只需要向服务器请求当前页的数据,然后在客户端动态更新,这样可以显著减少数据传输量,提高页面响应速度。 具体实现步骤可能包括以下几点: 1. **前端准备**:在...
在"FeYeDemo"这个压缩包中,我们可以找到一个关于Ajax分页的示例代码。这个示例可能包含以下几个关键部分: 1. **HTML模板**:页面中的分页元素,如页码按钮,通常会有一个基本的HTML模板,比如`...
jquery无刷新分页、排序 利用jquery实现的ajax无刷新分页以及排序,支持多种格式无刷新更换,数据库采用的是Sql2000自带的NorthWind数据库 数据库控制使用的是SqlHelper
【Ajax分页技术详解】 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在Web开发中,Ajax分页是实现数据展示时提高用户体验的有效手段,它允许用户在不...
包含AJAX分页。启用AJAX分页的话请查看我源代码的实例。 具体逻辑请查看我的源代码。很简单的。我相信一般人都能看懂。 分页代码由 Models 里的 INetMvc3Page.cs 和Views\Shared的 _NetMvc3Page.cshtml 两部分代码...
在MVC3中实现Ajax分页,可以极大地提高用户体验,因为用户无需等待整个页面刷新,只需要加载分页所需的数据。这种技术主要依赖于JavaScript和jQuery库,以及服务器端的Ajax支持。在这个场景中,我们使用了一个名为`...
"前端Ajax分页"就是这样的一个实现方式,它结合了Ajax(异步JavaScript和XML)技术和JavaScript来实现动态加载内容。 Ajax的核心在于它可以向服务器发送异步请求,获取新数据,并在后台更新部分页面,而不会影响...
实现Ajax分页,通常需要以下几个步骤: 1. 创建前端事件监听器:监听分页链接或按钮的点击事件。 2. 发送Ajax请求:当用户点击分页链接时,向服务器发送包含当前页码的Ajax请求。 3. 处理服务器响应:服务器接收到...
最后,`demo` 文件夹可能包含了一个实际的示例项目,展示如何将所有这些元素整合在一起,创建一个工作中的ASP.NET+AJAX分页解决方案。通过查看和运行这个示例,开发者可以直观地理解各种组件是如何协同工作的,并...
**jQuery AJAX 分页技术在前端应用详解** 在Web开发中,分页是一种常见的用户界面功能,用于处理大量数据的展示,提高页面加载速度并优化用户体验。本篇文章将深入探讨如何利用jQuery和AJAX技术实现纯前端的分页...
标题中的".net JSON+ajax 分页"涉及到的是在.NET框架下,使用JSON数据格式和Ajax技术来实现网页的动态分页功能。这是一个常见的Web开发需求,尤其是在数据量较大的情况下,为了提高用户体验,避免每次操作都刷新整个...