`

使用Rails中的Ajax问题

阅读更多
我使用Rails中的Ajax来实现发帖子自动追加到table中,从而不必刷新真个页面的功能,在自己的机子上好
用,在别的机子上试了,需要手工刷新才能看到追加的那行。不知道是为什么?
<table id="posts" class="around">
     //other codes...
   <%= render(:partial => 'post',:collection => @posts )%>
</table>
   //other codes...
 <% form_remote_tag(:url => { :action => 'add_post',:topic_id => @topic},
                    :update => "posts",
                    :position => :bottom ,:before => fckeditor_before_js('post', 'body')) do %>
     <%= fckeditor_textarea('post', 'body', 
          { :toolbarKit => 'Simple', :width => '100%', :height => '400px',:ajax => true }) %>
          <p align="center"><%= submit_tag "提交",:id => 'form-submit-button' %></center>
<% end %>  

_post.rhtml
 <tr>
  <td width="25%" class="col2"><%=  post.user.display_name %><br/>
       <img src="/images/photo.gif"/><br/>
         上次在(<%= post.user.last_login_at.strftime("%Y-%m-%d %H:%M:%S") %>)到本站一游
  </td>
  <td width="75%" class="col1"><%= post.body %></td>
</tr>
分享到:
评论
3 楼 fuliang 2007-05-08  
你的意思是 table和select他们并不符合prototype对于DOM的抽象,所以向table追加行本来就是不正确的途径,应该把table容器换成
div什么的,表现才能一致。
2 楼 花花公子 2007-05-08  
fuliang 写道
发现问题了 我一直用firefox测试的
那段代码在firefox都好使 在IE上不好使
看来Rails对Ajax的封装兼容性上还是有问题的

错了,是ff和ie对于table和select两个容器操作的方式不一样,因为他们并不符合prototype对于DOM的抽象,建议你好好看看prototype-api.pdf
1 楼 fuliang 2007-05-07  
发现问题了 我一直用firefox测试的
那段代码在firefox都好使 在IE上不好使
看来Rails对Ajax的封装兼容性上还是有问题的

相关推荐

    Ajax on Rails (PPT)

    接下来,文档提到Rails在Ajax中的作用。Rails框架的设计初衷就是支持快速开发出高性能的Web应用,而Ajax作为现代Web技术的重要组成部分,其与Rails的结合可以极大地提高用户体验并简化开发流程。这一点将在后续章节...

    Ajax on Rails

    在Rails早期版本中,经常使用jQuery库来增强Ajax功能。jQuery简化了DOM操作和事件处理,并提供了`$.ajax()`、`$.get()`和`$.post()`等方法来发起Ajax请求。Rails可以通过`gem 'jquery-rails'`添加对jQuery的支持,并...

    Beginning Google Maps Applications with Rails and Ajax

    综上所述,《Beginning Google Maps Applications with Rails and Ajax》这本书为初学者提供了一条清晰的学习路径,从基础概念到实践案例,全面覆盖了如何使用Google Maps API、Rails以及Ajax技术创建高质量的地图...

    Ajax-rails-ajax-demo.zip

    Ajax-rails-ajax-demo.zip,ruby on rails的ajax演示项目,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不重新加载网页的...

    基于Rails2.2.2的ajax

    标签 "源码" 和 "工具" 暗示了可能在压缩包文件 "RailsAjax" 中包含了相关的示例代码或者工具,用于辅助学习和理解如何在Rails 2.2.2中实现AJAX。这些代码可能包括完整的应用示例、控制器、视图、模型以及相关的...

    rails ajax提交文件或图片

    以上就是Rails中使用AJAX提交文件或图片的基本步骤。通过这种方式,我们可以实现无刷新的文件上传,同时保持页面的互动性和用户体验。当然,实际应用中可能还需要考虑错误处理、文件大小限制、文件类型验证等其他...

    ajax-rails

    在Ruby on Rails框架中,Ajax被高度集成,提供了便捷的方法来实现这种交互。Rails 3的Ajax功能使得开发者能快速上手,创建更响应式的用户体验。 首先,我们回顾一下Ajax的历史。Ajax的概念最初由Jesse James ...

    Beginning Google Maps Applications with Rails and Ajax From Novice to Professional.pdf

    ### 《从新手到专家:使用Rails与Ajax构建Google Maps应用》知识点概览 #### 一、书籍基本信息 - **作者**:Andre Lewis, Michael Purvis, Jeffrey Sambells 和 Cameron Turner - **出版日期**:2007年 - **ISBN-...

    ajax on rails

    ajax on rails压缩包,全英文

    在Ruby on Rails中使用AJAX的教程

    以下是一份详细的教程,旨在指导你如何在Ruby on Rails中使用AJAX。 首先,理解AJAX的基础概念至关重要。AJAX并非一种单一的技术,而是一种使用JavaScript、XML(或者JSON)以及异步通信技术来创建动态网页的方法。...

    Rails3-使用ajax处理并发

    标题 "Rails3-使用ajax处理并发" 涉及的是在Ruby on Rails 3框架中如何利用Ajax技术处理并发请求。Rails是一个流行的Web应用程序开发框架,它基于Ruby语言,而Ajax(Asynchronous JavaScript and XML)则是一种允许...

    跨越边界 Ajax on Rails

    2. **掌握Rails中的Ajax技巧**:熟悉Rails框架如何支持Ajax,并学会如何在项目中应用。 3. **优化Ajax性能**:学习如何减少请求延迟、缓存数据、处理错误,以及利用Ajax提高用户体验。 4. **实践案例**:通过书中...

    Ruby on Rails中文指南

    7. **哈希与符号化键(Hashes and Symbolized Keys)**:在Rails中,使用符号作为哈希键可以提高性能,因为符号是不可变的,且在内存中只存储一次。 8. **部分视图(Partials)**:部分视图是可重用的视图代码块,...

    Beginning Google Maps Applications with Rails and Ajax: From Novice to Professional (part2)

    Beginning Google Maps Applications with Rails and Ajax: From Novice to Professional

    Beginning Google Maps Applications with Rails and Ajax: From Novice to Professional (part1)

    Beginning Google Maps Applications with Rails and Ajax: From Novice to Professional

    rails中使用javascript日期控件

    这篇博客“rails中使用javascript日期控件”探讨的就是如何在Rails应用中集成JavaScript日期控件,特别是通过一个名为WebCalendar.js的库来实现这一功能。WebCalendar.js是一个轻量级的JavaScript库,用于创建交互式...

Global site tag (gtag.js) - Google Analytics