超级简单等ajax 分页

最新推荐文章于 2019-12-10 17:59:14 发布

原创最新推荐文章于 2019-12-10 17:59:14 发布 · 124 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax #Java #jQuery #JavaScript #HTML #ViewUI

Ajax 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用Rails框架实现的新闻列表分页功能，并详细展示了如何通过jQuery来增强用户体验，包括点击事件处理及异步加载内容。

.../application.html.erb #如果不想每个页面都加载单独放到需要的页面。

<%= javascript_include_tag 'jquery','pagination' %>

[url]www.jequery.com[/url]

../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")) %>");