`
llleelay
  • 浏览: 1895 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

使用link_to_remote制作ajax时遇到的问题

阅读更多
controller code:
  def delete_comment
    if request.delete?
      @comment = Comment.find params[:c_id]
      @comment.destroy
      blog = Blog.find params[:id]
      @comments = blog.comments(true)
    end
  end


render code:
<div id="comments">
  <%= render :partial=>"comments", :object=>@comments %>
</div>


_comments code:
<p>
  You have <%=pluralize(comments.count, "comment") %> :
  <ul>
  <% for c in comments %>
    <%= debug c %>
    <li>
        <%= c.name %>
        <p><%= c.context %></p>
        <%= link_to_remote :delete, :method=>:delete, :url=>{:action=>"delete_comment", :c_id=>c.id, :id=>@blog.id} %>
    </li>
  <% end %>
  </ul>
</p>


delete_comment.rjs code:
page.replace_html("comments", :partial=>"comments", :object=>@comments)


代码有点长~
情况是_comments局部模板在删除@comments内最后一个记录时会刷新一次,看到了ajax效果,删除倒数第2,第3个时,页面无反应...
救助...
看看是不是link_to_remote的参数使用上有问题...
谢谢!
分享到:
评论

相关推荐

    Rails3-使用ajax处理并发

    &lt;%= link_to "Delete", @item, method: :delete, data: { remote: true } %&gt; ``` 在上述代码中,当用户点击链接时,Rails会发送一个Ajax DELETE请求到服务器,而不是跳转到新的页面。 描述中的"NULL"意味着没有...

    Ajax on Rails

    例如,Rails提供了一些方便的路由和辅助方法,如`link_to_remote`和`form_remote_for`,可以直接生成AJAX链接和表单,简化了前端与后端的交互。 然而,虽然Rails简化了AJAX开发,但仍然需要理解JavaScript、...

    跨越边界 Ajax on Rails

    3. **Helper方法**:如`link_to`和`button_to`等助手方法可以轻松创建Ajax链接和按钮,只需添加`:remote =&gt; true`参数即可。 4. **Ajax响应**:Rails通过`format.js`或`format.json`来定义不同类型的响应,比如更新...

    跨越边界1:Ajax on Rails

    Rails提供了诸如`remote_link_to`和`remote_form_for`等便利的助手方法,使得开发者可以轻松创建Ajax驱动的交互。这种集成使得开发富互联网应用(RIA)变得更加高效,无需深入理解底层的JavaScript和XML通信细节。 ...

    ajax的小例子

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它的核心在于JavaScript异步通信,使得用户与网页交互时更加流畅,提升了用户体验。本示例将详细介绍如何...

    rails-bootstrap-modal:在 Rails 中的 Bootstrap 模式中显示视图的示例

    = link_to "New Contact", new_contact_path, remote: true, class: "btn btn-primary" %&gt; 它指向new_contact_path路由,但请注意remote: true 。 这告诉 Rails 使用 AJAX 调用此路由。 ContactsController的new...

    jqGrid:四、 remote data(JSON)

    当jqGrid配置为从远程服务器获取数据时,它会发送一个AJAX请求到指定的URL。这个URL通常是服务器上的一个API接口,负责处理数据查询、排序、过滤等操作。服务器响应的数据会被jqGrid解析,并填充到表格中。 #### ...

    remote_file_server

    远程文件服务器(Remote File Server)是一种允许用户在不同的设备或网络之间存储、访问和共享文件的系统。在JavaScript中,实现远程文件服务器的功能通常涉及到Web开发中的前后端交互,包括HTTP请求、数据传输以及...

    rails-bootstrap-modals:这个应用程序展示了如何在 rails 4 中使用模态

    &lt;%= link_to '查看用户', user_path(user), remote: true, data: { toggle: 'modal', target: '#myModal' } %&gt; ``` 这里的 `remote: true` 参数让链接通过 AJAX 请求加载用户详情,而 `data-toggle` 和 `data-...

    Ruby on Rails中jquery_ujs组件拖慢速度的问题解决

    &lt;%= link_to '关闭项目', close_project_path(project), remote: true, method: :post %&gt; ``` 这将生成如下HTML: ```html &lt;a href="/projects/1/close" data-remote="true" data-method="post"&gt;关闭项目 ``` 当...

    ZendFramework中文文档

    1. Introduction to Zend Framework 1.1. 概述 1.2. 安装 2. Zend_Acl 2.1. 简介 2.1.1. 关于资源(Resource) 2.1.2. 关于角色(Role) 2.1.3. 创建访问控制列表(ACL) 2.1.4. 注册角色(Role) 2.1.5. 定义访问...

    Ruby Rails 3 Linda

    8. **辅助方法**:Rails提供了一系列辅助方法,如`link_to`、`form_for`等,用于简化视图层的代码。 9. **测试**:Rails强调TDD(Test-Driven Development),提供了全面的测试框架,如RSpec和Minitest。学习如何...

    PHP工程师试题.docx

    避免二次注入,可在读取时使用预处理语句或者再次进行过滤。 2. MySQL中的MyISAM存储引擎有静态表,固定长度记录,访问速度快,不支持事务处理。动态表可以根据字段长度变化,适合数据量大但更新频繁的表。MyISAM...

    jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)

    可以定制搜索、远程数据集(Remote data,本篇主要介绍点)、无限滚动(数据分页功能,这一点很妙)、还有很多高端的参数设置(有需要的下次介绍)。 内置了40种国际化语言,不过这里我们只需要用到中文。 同时支持...

    bootstrapValidator表单验证插件

    &lt;link rel="stylesheet" href="path/to/bootstrap.css"&gt; &lt;!-- 引入BootstrapValidator CSS --&gt; &lt;link rel="stylesheet" href="path/to/bootstrapValidator.css"&gt; &lt;!-- 引入jQuery --&gt; &lt;script src="path/to/jquery....

    js表单验证

    1. **异步验证**:对于需要服务器端验证的情况,你可以使用`remote`规则,通过AJAX发送请求验证。例如,验证用户名是否已存在: ```javascript { field: "username", rule: "remote{'url':'/checkUsername','type'...

    jquery表单注册验证formvalidator4.1.3完整下载

    &lt;link rel="stylesheet" href="path/to/formvalidator.css"&gt; &lt;script src="path/to/jquery.js"&gt; &lt;script src="path/to/jquery.formvalidator.min.js"&gt; ``` 四、基本用法 FormValidator通过data属性在表单元素上...

    jquery表单验证插件

    remote: "ajax_post.php" } }, ... }); ``` 在`ajax_post.php`中处理请求,返回JSON格式的验证结果。 ### 5. 自定义验证方法 除了内置的验证规则,ValidForm还允许开发者自定义验证方法。例如,创建一个检查...

    form表单太多,校验太麻烦,快使用boostrapValidator.js

    这需要使用`remote`验证器,设置一个URL以发送请求并处理返回的结果。 总结起来,`bootstrapValidator.js`是一个强大的工具,能够帮助开发者快速、方便地为Bootstrap表单添加复杂的验证功能。其丰富的验证规则、...

Global site tag (gtag.js) - Google Analytics