`
ddl1st
  • 浏览: 98953 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

超级简单等ajax 分页

    博客分类:
  • Ajax
阅读更多
.../application.html.erb   #如果不想每个页面都加载单独放到需要的页面。
<%= javascript_include_tag 'jquery','pagination' %>


www.jequery.com

../controller/news_controller.rb
......
  def index
    @news = News.paginate(:per_page=>10,:page => params[:page])
  end
......

.../public/javascripts/pagination.js
$(function() {
  $(".pagination a").live("click", function() {
    $.get(this.href, null, null, "script");
    return false;
  });
});


.../news/index.html.erb

<div id="news">
  <%= render :partial => 'news' %>
</div>


.../news/_news.html.erb

<table width="100%">
  <tr>
    <th>标题</th>
    <th>描述</th>
    <th>是否公开</th>
    <th>公开时间</th>
  </tr>
  <% @news.each do |news|  %>
    <tr>
      <td><%= news.title %></td>
      <td><%= news.description %></td>
      <td><%= news.is_public ? "是" : "否" %></td>
      <td><%= news.public_date.strftime("%Y.%m.%d") %></td>
    </tr>
  <% end %>
</table>
<%= will_paginate @news %>


.../news/index.js.erb
$("#news").html("<%= escape_javascript(render("news")) %>");

分享到:
评论

相关推荐

    Jquery+ajax+jsp分页

    下面是一个简单的分页流程示例: 1. 用户在前端页面上点击分页按钮,触发jQuery事件监听器。 2. jQuery通过Ajax发起请求,携带当前页码等参数,向服务器发送请求。 3. JSP接收到请求后,处理参数,查询数据库获取...

    web分页控件(代码)超级简单的

    本压缩包中的"web分页控件(代码)超级简单的"提供了这样一个基础功能的实现,旨在帮助开发者快速搭建具有分页功能的页面。 分页控件的主要作用是将大量数据分块展示,避免一次性加载所有数据导致页面响应慢或内存...

    超轻量级的Ajax库-ajax.js

    **超轻量级的Ajax库-ajax.js** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新。在本案例中,...

    24款超实用的WEB分页代码

    4. Ajax分页:为了实现无刷新分页,许多代码示例会结合Ajax技术,通过异步请求获取新的数据并动态更新页面,提高页面的响应速度和用户体验。 5. 动态加载:随着用户滚动页面,可以采用无限滚动或懒加载的方式加载更...

    jqurey 分页插件

    在这个"超级简单的jQuery分页插件"中,我们可以预期它具备以上的基本功能,并且易于集成到项目中。通过查看示例,我们可以学习如何初始化插件、设置配置参数,以及如何与服务器进行数据交互。 例如,插件的使用可能...

    jQuery Pagination分页插件

    jQuery Pagination插件就是这样一款工具,它为开发者提供了简单而强大的分页解决方案。 ## 1. 插件介绍 jQuery Pagination插件是一款轻量级的JavaScript库,专门用于在网页上实现分页功能。它支持多种数据源,包括...

    html+jquery+css分页插件的简单实现

    jQuery提供了`.ajax()`或更简单的`.get()`、`.post()`方法来发送Ajax请求,获取服务器端的数据,然后动态地更新页面内容。 6. **插件化**:为了方便复用,我们可以将这个分页功能封装成一个插件。这需要定义一个...

    ajax调用,asp版本的 ,超级好用

    Ajax(Asynchronous JavaScript and XML)是...通过这种方式,你可以实现如分页、无刷新表单提交、实时数据更新等功能,提高Web应用的交互性和效率。在实际开发中,还需要考虑错误处理、跨域问题、缓存策略等更多细节。

    asp.net分页控件

    5. AJAX分页:ASP.NET AJAX提供了UpdatePanel组件,结合分页控件,可以实现无刷新的分页效果,提升用户体验。 6. jQuery插件:除了内置的分页控件,开发者还可以利用jQuery库如jqGrid、DataTables等实现更丰富的...

    jQuery分页插件jPagination 超实用

    jPagination利用了jQuery的强大功能,以简洁的API设计,使得分页功能的集成变得简单易行。下面我们将深入探讨这个插件的相关知识点。 1. **jQuery基础**:首先,理解jQuery是使用jPagination的前提。jQuery是一个...

    html+js+php+mysql实现分页

    本示例通过HTML、JavaScript、PHP和MySQL四者结合,实现了一个简单的分页系统,非常适合初学者进行学习。 首先,HTML(超文本标记语言)是网页的基础结构,它定义了网页的布局和内容。在分页场景中,HTML通常会包含...

    html5分页控件

    3. **分页控件设计**:jqPagination提供了一个简单且直观的API,允许开发者轻松集成到现有的网页中。它可以处理基本的分页逻辑,如计算总页数、跳转到指定页码、显示当前页信息等。 4. **样式自定义**:...

    超使用的AJAX工具包

    **超实用的AJAX工具包详解** 在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术扮演着至关重要的角色。它允许网页在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容,极大地提升了...

    Ajax + PHP 简单图片相册源代码

    **Ajax + PHP 简单图片相册源代码详解** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新。...

    超好用的PHP分页代码,很全

    4. 动态加载:可以采用AJAX实现无刷新分页,提高用户体验。 五、总结 PHP分页是一项基础但重要的技术,掌握良好的分页代码可以帮助我们更高效地处理大数据量的展示。理解分页原理,结合实际需求,我们可以编写出更...

    jQuery简单实用的分页按钮代码.zip

    本资源"jQuery简单实用的分页按钮代码.zip"提供了实现分页功能的基础代码,这对于任何需要展示大量数据并希望分批次加载的网页应用都非常有用。以下是对每个文件的详细解释及其相关知识点: 1. **page.css**:这是...

    html静态伪分页效果

    以下是一个简单的示例,展示如何用jQuery实现分页功能: ```javascript $(document).ready(function() { var items = $('.item'); // 假设这是你要分页的内容 var perPage = 10; // 每页显示的项数 var ...

    用AJAX写的一个示例

    描述 "ajax写的一个示例,超简单" 暗示我们将探讨一个简单的AJAX应用,这通常包括几个关键组件:JavaScript函数、HTTP请求、服务器端处理以及响应的动态更新。 在ASP.NET中,我们可以通过以下步骤实现AJAX功能: 1....

    分页控件 Aspnetpager.dll

    通过简单的配置,如设置PageCount、PageSize、CurrentPageIndex等属性,就能快速实现分页功能。 2. **高度自定义**:该控件支持自定义分页按钮的样式,包括文字、图片、链接样式等。同时,你可以通过设置按钮的数量...

    超好用兼容性极强的分页框架

    "超好用兼容性极强的分页框架"是一个专门为网页开发设计的插件,它具有强大的功能和广泛的兼容性,能够帮助开发者轻松实现高效、美观的分页效果。 这个插件主要针对JavaScript环境,JavaScript是网页开发中的脚本...

Global site tag (gtag.js) - Google Analytics