-
ajax on rails实现页面局部刷新15
[color=darkblue][/color]最近在做项目时遇到问题、我的环境是rails3.0.7，ruby1.9.2，mysql6.0. 想要实现的功能是提交表单后，实现局部刷新，只刷新要显示的那个模块。具体如下：
在views/fdinesearch/fdinesearch.html.erb 文件中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../../../javascripts/prototype.js" type="text/javascript"></script>
<%= javascript_include_tag :defaults %>
</head>
<body>
<div class="right" style="width:79%">
<div id="dineselect" style="padding-left:20px">
<%form_tag 'fdinesearch', :remote => true do%>
<select name="year" id="select1">
<option><%=@thisyear%></option>
<option><%=@agoyear%></option>
<option><%=@nextyear%></option>
</select>
<label for="select1">年</label>
<select name="month" id="select2">
<option value='6'>6</option>
<option value='7'>7</option>
</select>
<label for="select2">月</label>
<%= submit_tag '查看', :name => 'look'%>
<%end%>
</div>
<br>
<div id="rightmain">
<%=render :partial =>"fdinesearch/tablesearch",:collection => @sadines%>
</div>
</div>
</body>
</html>
在views/fdinesearch/tablesearch文件中
<table id="customers" width="80%">
<tr>
<th width="10%">aa</th>
<th width="10%">qq</th>
</tr>
<%@sadines.each do |sd|%>
<tr>
<td><%=sd.id%></td>
<td><%=sd.peopleid%></td>
</tr>
<%end%>
</table>
在controllers/fdinesearch 文件中
class FdinesearchController < ApplicationController
def fdinesearch
t = Time.new
time = t.to_a
@thisyear = time[5]
@agoyear = (time[5].to_i - 1).to_s
@nextyear = (time[5].to_i + 1).to_s
year = params[:year]
month = params[:month]
yearmonth = year.to_s + "/" + month.to_s
if params[:look]
@sadines = DineAllowance.find(:all,:conditions => ["da_ym = ? ",yearmonth])
end
end
end
实现的功能是选择年和月，然后搜索，将搜索的结果显示在下面的rightmain div中 controller上面的时间计算是为了在view中动态生成年月
2012年7月24日 09:01
添加评论
关注(0)
目前还没有答案
相关推荐
**Ajax on Rails** 是一本关于如何在Rails框架中利用Ajax技术来提升Web应用程序用户体验的书籍。Ajax（异步JavaScript和XML）技术允许开发者在不刷新整个页面的情况下更新部分网页内容，从而提供更流畅、响应更快的...
在Ruby on Rails框架中，Ajax被高度集成，提供了便捷的方法来实现这种交互。Rails 3的Ajax功能使得开发者能快速上手，创建更响应式的用户体验。 首先，我们回顾一下Ajax的历史。Ajax的概念最初由Jesse James ...
- **Ajax**: 一种用于创建交互式Web应用的技术，通过异步JavaScript和XML实现页面局部刷新。 - **ASP.NET**: 微软提供的服务器端Web应用程序框架，可以用来构建复杂的Web应用和服务。 - **C#**: 一种面向对象的编程...
**Ajax（异步JavaScript和XML）与CGI（通用网关...此外，现代Web框架如Node.js、Django或Ruby on Rails中的API接口也常被用来替代CGI，实现与Ajax的通信。这些框架提供了更高级别的抽象，简化了开发过程并提高了性能。
2. **局部刷新**：只更新页面的一部分，而不是整个页面，这减少了网络带宽的消耗，提高了响应速度。 3. **JavaScript与XML**：虽然名字中含有“XML”，但实际上AJAX不仅仅限于使用XML来传输数据，也可以是JSON或其他...
8. **AJAX请求和回调**：使用Rails的`remote: true`选项可以使表单或链接触发AJAX请求，而不是页面刷新。同时，需要编写回调函数来处理服务器的响应，如`success`和`error`回调。 9. ** turbolinks**：Rails 4引入...
AJAX技术在描述中被提及，它用于无刷新页面更新，提高用户体验。通过发送异步请求到服务器，获取数据并局部更新页面，而不是重新加载整个页面。在视频站点中，AJAX可能用于评论提交、点赞、加载更多内容等操作，使得...
近年来，随着Ajax的普及，JavaScript还能实现局部刷新，增强用户体验。 4. **数据库技术**： 数据驱动是动态网页的核心。常见的数据库系统有MySQL、SQL Server、Oracle、MongoDB等。它们存储和管理网页所需的数据...
4. **Ajax**：使用JavaScript进行异步请求，实现页面局部刷新，提高用户体验。 5. **前端开发工具**：如Webpack和Bundler，它们可以帮助管理和构建前端资源，确保依赖关系的正确性。 6. **响应式设计**：利用CSS...
此外，也可能使用了AJAX（Asynchronous JavaScript and XML）技术实现页面局部刷新，提高交互性。 4. **数据库管理**："beerNotes"很可能会与一个数据库系统连接，如SQLite、MySQL或PostgreSQL，用于存储啤酒酿造的...
1. **Web2.0技术**：包括AJAX（异步JavaScript和XML）用于提升用户体验，如页面局部刷新；RESTful API设计，方便服务间的通信；以及OAuth或OpenID实现安全的第三方登录。 2. **用户系统**：用户注册、登录、个人...
这可能涉及到学习和应用AJAX（异步JavaScript和XML）来实现页面局部刷新，或者使用jQuery等库来简化DOM操作，提高用户体验。 在后端开发中，项目可能采用了像PHP、Python、Node.js或Ruby on Rails等服务器端语言来...
- **AJAX**：异步JavaScript和XML，用于实现页面的部分刷新，提升用户体验。 4. **数据库管理**： - **SQL知识**：了解如何创建、查询、更新和删除数据库记录。 - **数据库迁移**：Rails的`db:migrate`命令用于...
5. **AJAX**：异步JavaScript和XML，用于在不刷新整个页面的情况下从服务器获取数据，实现页面的动态加载。 6. **闭包**：理解闭包的概念，以及如何在函数内部创建并使用私有变量。 7. **面向对象编程**：包括类、...
通过XMLHttpRequest对象，JavaScript可以向服务器发送异步请求，获取响应数据，然后用这些数据更新DOM，实现页面的局部刷新。 在现代Web开发中，框架和库如React、Angular和Vue.js被广泛使用，它们提供了更高级别的...