在jQuery和Controller Rails之间传递值

时间:2013-06-19 15:24:17

标签: ajax ruby-on-rails-3 jquery

相当多的链接,但我无法将所有信息拼凑在一起。

我假设涉及控制器,视图和路线。

关于url和路由,我有通用文件夹结构app / views / pages / home和app / controllers / pages_controller.rb。如果我正确地进行路由和网址,你能指导我吗?

的routes.rb

get pages/get_aj //Don't know if this is what you put

的jQuery

$.ajax({ 
type: 'get'
url: '/pages/get_aj' //can someone confirm this is how you do it? 
dataType: "JSON" //I need to pass back values from the controller to JS. Do I use JSON?
}).success(function(data){
      alert("returned " + data);
});

//some other jQuery code that will depend on the data returned.

pages_controller.rb

def get_aj
   respond_to do |format|
      format.json{render :json => "we got here" } //Do I return .js?
   end
end

rake routes

   pages_home GET /pages/home(.:format)    pages#home
pages_contact GET /pages/contact(.:format) pages#contact
 pages_get_aj GET /pages/get_aj(.:format)  pages#get_aj

1 个答案:

答案 0 :(得分:6)

您的代码应该可以正常运行。你误解的最大问题是JS警报的作用。它会警告字符串,data是一个对象。看到这个JS小提琴:http://jsfiddle.net/YNeA3/

要从JS检查对象,请使用console.log()而不是警报。这些将显示在您的浏览器控制台中。这是JS的基本面包和黄油调试工具。

我不确定你发送的JSON对象是什么样的,因为你应该渲染一个哈希,而不是一个字符串。我认为这是你的代码唯一真正的问题。

另外,建议:如果此控制器操作仅用于ajax,则无需使用respond_to块。我会指定状态。

def get_aj
  data = {:message => "Alert this!"}
  render :json => data, :status => :ok
end

现在在你的JS:

$.ajax({ 
  type: 'GET',
  url: '/pages/get_aj',
  success: function(data,status,xhr){
    console.log(data);
    alert(data.message);
  },
  error: function(xhr,status,error){
    console.log(xhr);
    alert(error);
  }
});

数据将是一个JS对象,就像您发送的哈希一样。