RAILS 4 ON RUBY的AJAX实现过程

XXX,最近在笨手笨脚的写一个自动化SVN更新的WEB操作小平台,

这次决定用RAILS 4实现。

但因为网上的教材都是以3或2版本实现的。所以这次搞了不少弯路,现总结如下:

相关的VIEW代码:

<div>
          本次更新SVN版本的命令:<%= @svn_update_cmd %><br>
          <%= link_to "查看完整日志", ‘svnlog_out‘, :remote => true %>
</div>

<div id = "svnlog_out">

 </div>

相关的CONTROLLER代码:

class SvnupdateController < ApplicationController
  respond_to :html, :js

  def svnlog_out
    @svnlog_out = `cat /XXX/svn_current.log`.split("\n")
  end
end

相关的.JS.ERB

$("#svnlog_out").html("<%= j (render ‘svnlog_out‘) %>");

相关的输出VIEW

<% @svnlog_out.each do |line| %>
<%= line %><br>
<% end %>

最后,注意哟。。。在RAILS上跑这个AJAX,要安装NODE.JS或是EXEJS这种服务器端东东,要不然,启动就会出错,或是注释了之后,AJAX死活不应哟。

~~~~~~~~~~

来个小图爽爽,,呵呵,今天测试第一版更新,算是OK啦。。

你妹的,就是BOOTSTRAP让我来写,太为难我啦,,

可以用就可以,反正是内部的。

时间: 2024-11-05 04:36:44

RAILS 4 ON RUBY的AJAX实现过程的相关文章

Ajax 原理过程 同步与异步区别 优缺点

ajax原理过程                                                                                                                                        利用XMLHttpRequest对象发送简单请求的基本步骤:1)创建XMLHttpRequest对象实例2)设定XMLHttpRequest对象的回调函数,利用onreadystatechange属性3)设定请求

Ajax请求过程中显示“进度”的简单实现

Ajax在Web应用中使用得越来越频繁.在进行Ajax调用过程中一般都具有这样的做法:显示一个GIF图片动画表明后台正在工作,同时阻止用户操作本页面(比如Ajax请求通过某个按钮触发,用户不能频繁点击该按钮产生多个并发Ajax请求):调用完成后,图片消失,当前页面运行重新编辑.以下图为例,页面中通过一个Load链接以Ajax请求的方式加载数据(左).当用户点击该链接之后,Ajax请求开始,GIF图片显示“Loading“状态,同时当前页面被“罩住”防止用户继续点击Load按钮(中):Ajax请求

[JQuery] Ajax使用过程中的问题总结

JQuery提供的ajax函数,在使用过程中,因为对参数的不了解,导致了很多错误,现在总结如下,以便时常温固,不犯同样的错误. 1.我在项目中使用到的ajax请求格式如下: 1 $.ajax({ 2 url: 3 data: 4 contentType: 5 dataType: 6 type: 7 complete:function(res, textStatus, jqXHR){ 8 if(textStatus != 'success'){ 9 10 } 11 }, 12 error:func

Ruby on Rails Tutorial 第四章 Rails背后的Ruby 之 字符串

1.辅助方法 2.字符串 输入“irb”进入Ruby命令行开发环境,控制器的启动方法是在命令行中执行“rails console”. (1)字符串连接 >>"foo"+"bar" =>"foobar" (2)通过特殊的句法#{}进行插值操作 >>first_name="Amy" =>"Amy" >>"#{first_name} Sun" =

扩展jQuery的方法统一处理AJAX调用过程中产生的异常错误信息

由于项目中大量的实用了.post方法,而该方法默认不对请求的异常进行处理,后期又要处理该问题.前期的解决方案是将使用.post请求都改造为$.ajax请求,但由于两个方法的实现(需要的参数)等相差很大,修改起来很麻烦! 期间尝试使用定义"AJAX 请求发生错误时执行函数($(document).ajaxError())" 的方式来解决问题,但影响范围太大,长轮询发生的错误也被捕获,导致页面一打开就弹出系统异常的对话框. 所以这里采用扩展jQuery的方法的技术来解决问题: /* 扩展j

ajax请求过程中下载文件在火狐下的兼容问题

项目中碰到的问题,记录如下. 需求很简单,点击一个文件链接下载该文件,同时向后台发送请求.需求很常见,用户点击下载后通常要进行下载量的统计,统计的话可以利用 script标签 或者 img标签(图片ping) 的跨域能力,将它们的 src 属性指向统计地址,但是这次用了 ajax 进行统计,遂出现了这个问题. demo 代码如下: 复制代码<a id="a" href="http://c758482.r82.cf2.rackcdn.com/Sublime Text 2.

统一处理jquery ajax请求过程中的异常错误信息的机制

当jQuery ajax向服务器发送请求,服务器发生异常,比如:400.403.404.500等异常,服务器将异常响应给客户端,此时的ajax可以获取异常信息并进行处理,但此时我们一般是跳转到与异常编码对应的异常页面,对异常集中展现与处理. 首先,发送ajax请求: $.ajax({ type: ‘POST’, url: url, data: data, success: success, dataType: dataType }); 然后,服务发生异常,将对应的异常编码响应给客户端: resp

Ruby on Rails Tutorial 第四章 Rails背后的Ruby 之 类

Ruby和其他面向对象的语言一样,使用类来组织方法,然后实例化类,创建对象.1.构造方法使用双引号是字符串的字面构造方法,也可以使用“具名构造方法”,即在类名上调用new方法 >> s="foobar" >> s.class => String >> s=String.new("foobar") >> s=="foobar" => true >> a=Array.new([1

Ruby on Rails Tutorial 第四章 Rails背后的Ruby 之 其他数据类型

1.数组和值域 2.块 约定:当块中只有一行简单的代码时使用花括号形式:当块是一行很长的代码,或者有很多行时使用do..end形式.例如: >> (1..5).each{|i| puts 2*i} (1..5).each do |i| puts 2*i puts '-' end >> 3.times{puts "betelgeuse"} >> (1..5).map{|i| i**2} >> %w[a b c].map{|char| cha