`
dearsuper
  • 浏览: 67288 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
最近访客 更多访客>>
社区版块
存档分类
最新评论

利用数组和ajax实现单条翻动标题新闻

阅读更多
ruby 1.8.6 rails 1.2.6

在视图文件/home/index.rhtml中写:
<div id="my_hint"><%= @current_hint %></div>
<%= periodically_call_remote :url => {:action => "get_next_hint"},:frequency=>2 %>


在控制器文件home_controller.rb中写:
class HomeController < ApplicationController
  def index
    session[:hint]= HintNew.find(:all,:select=>"title")
    @current_hint = session[:hint].first.title
  end
  
  def get_next_hint
   if session[:hint].size > 0  
      session[:hint].shift
   else
      session[:hint]= HintNew.find(:all,:select=>"title")        
   end
   @current_hint = session[:hint].first.title
  end
end


在视图中建立文件:get_next_hint.rjs,内容如下:
page['my_hint'].replace_html @current_hint


其中,HintNew模型对应表:hint_news
迁移任务文件:005_create_hint_news.rb定义如下:

class CreateHintNews < ActiveRecord::Migration
  def self.up
    create_table :hint_news do |t|
      t.column :title,:string
      t.column :body,:text
    end
  end

  def self.down
    drop_table :hint_news
  end
end


用迁移任务建好表,然后加些记录进去,就可以执行了。
分享到:
评论

相关推荐

    SSH1,JQuery的ajax返回json二维数组处理过程

    总结来说,这个例子展示了如何结合SSH1和jQuery AJAX处理JSON二维数组,实现菜单联动下拉框以及附加的查看详情功能。整个流程包括前端的AJAX请求、后端的JSON数据处理以及UI交互逻辑。理解这些技术对于开发复杂的Web...

    AJAX和struts2传递JSON数组

    总结来说,通过这种方式,我们可以利用AJAX向Struts2 Action传递JSON数组,实现异步数据交互。这在动态更新页面内容、处理表单提交等场景下非常有用。同时,使用JSON作为数据交换格式,使得前后端的数据交换变得更加...

    ajax操作json数组,实现局部刷新

    在本文中,我们将深入探讨如何使用Ajax操作JSON数组来实现页面的局部刷新。Ajax,即Asynchronous JavaScript and XML,是一种创建动态网页的技术,允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页...

    ajax json 遍历json数组

    ajax json 遍历json数组,json的说明文档,json操作说明

    ajax传递list对象数组

    ### AJAX传递List对象数组知识点详解 #### 一、前言 在Web开发中,前后端交互是必不可少的一个环节。AJAX作为一种实现异步加载数据的技术,可以有效地提升用户体验。本篇将详细介绍如何通过AJAX来传递一个List对象...

    jquery结合数组在ajax翻页中勾选已选择的复选框

    在IT领域,特别是Web开发中,使用jQuery结合...综上所述,jQuery结合数组在AJAX翻页中处理复选框选中状态的技术,是前端开发中一项重要的技能,掌握其核心逻辑和实现方法,有助于提升Web应用的用户体验和功能完整性。

    js对ajax返回数组的处理介绍

    这个过程展示了如何利用AJAX和JSON有效地在前后端之间传递和处理数组数据,特别是在需要实时更新网页内容的场景中,AJAX和JSON的组合提供了强大的功能。在实际应用中,需要注意数据安全和性能优化,比如避免使用`...

    jquery ajax 向后台传递数组参数示例

    以上就是使用jQuery AJAX向后台传递数组参数的完整过程,包括JSON序列化和反序列化的处理。请注意,这只是一个基础示例,实际项目中可能需要考虑更多的错误处理和数据验证。同时,不同的后端框架可能有内置的JSON...

    jQery中类数组判断的实现原理及代码实现

    在JavaScript的世界里,jQuery是一个广泛使用的库,它极大地简化了DOM操作、事件处理以及Ajax交互。在jQuery中,经常会遇到需要处理类似数组的对象,比如`jQuery对象`就是一个典型的类数组对象。本文将深入探讨...

    利用Ajax实现无刷新验证用户名和密码是否正确

    "利用Ajax实现无刷新验证用户名和密码是否正确"这一技术就是为了让用户在输入登录信息时能够得到即时反馈,无需等待页面整体刷新,极大地提升了交互体验。Ajax(Asynchronous JavaScript and XML)是一种创建动态...

    jquery的ajax传json对象数组到struts2的action

    在Web开发中,jQuery的AJAX功能经常被用于与服务器...在前端,利用`$.ajax()`发送JSON数据;在后端,Struts2 Action接收并处理这些数据。这种通信方式在现代Web应用中非常常见,因为它提供了高效、灵活的数据交换手段。

    jsp+ajax实现输入框自动搜索

    该标题表明该技术使用jsp和ajax实现输入框自动搜索功能。 二、描述:类似于百度的搜索一样,利用ajax技术优化搜索。 该描述表明该技术使用ajax技术优化搜索,类似于百度搜索。 三、标签:jsp+ajax 该标签表明该...

    List转换成String数组

    本文将详细介绍如何将一个`List&lt;String&gt;`类型的集合转换为`String[]`数组,并通过不同的方法来实现这一过程。这不仅有助于提高代码的可读性和效率,还能帮助开发者更好地理解和运用Java集合框架。 #### 一、背景...

    ajax实现的动态导航条

    总的来说,"ajax实现的动态导航条"是一个结合了HTML、CSS和JavaScript(特别是AJAX)技术的实用案例,它展示了如何利用前端技术实现动态交互和高效的数据加载,为用户提供更加顺畅的浏览体验。在实际开发中,这样的...

    利用ajax传递数组及后台接收的方法详解

    我们在使用ajax异步的提交多选框得到需要操作的对象的id,这时我们可以把每一个id做出一个对象,之后放到一个数组中,再使用JSON.stringify()对这个数组进行json的格式化;在后台中再inputStream中解析出我们的json...

    javascript.和ajax实现二级联动菜单

    1、javascript实现二级联动:运用jsp标签拼写Javascript代码,实现一个二维数组,点击一级栏目时,查询二维数组里...2,ajax实现的二级联动:利用Ajax与后台程序实现异步交互,后台程序拼写JOSN字符串,发送到客户端。

    jQuery Ajax向某个页面传值并取得返回的数组

    在Web开发中,jQuery的Ajax功能是至关重要的,它允许我们实现异步数据通信,无需刷新整个页面就能与服务器交换数据。"jQuery Ajax向某个页面传值并取得返回的数组"这一主题涉及到如何使用jQuery的Ajax方法来发送请求...

    Ajax实现分页查询

    下面,我们将深入探讨如何利用Ajax实现分页查询,包括其工作原理、关键代码解析以及实际应用中的注意事项。 #### 工作原理 分页查询的核心在于将大量数据分成多个小块进行展示,每一页显示一定数量的数据项。Ajax...

    用ajax实现新闻滚动 一个一个滚动

    【标题】:使用Ajax实现新闻滚动的技巧与实践 【描述】:在现代网页设计中,动态更新内容已经成为提升用户体验的重要手段。通过Ajax技术,我们可以实现在不刷新整个页面的情况下,让新闻一条条地平滑滚动,带给用户...

    Echarts通过Ajax实现动态数据加载

    本文将详细介绍如何利用Ajax技术与Echarts结合,实现数据的动态加载与展示。 #### 二、准备工作 在开始之前,确保您的开发环境中已安装以下组件: - **Echarts**: 可以从官方网站下载最新版本的`echarts.min.js`...

Global site tag (gtag.js) - Google Analytics