UJS、AJAX、Rails 4、form_for collection_select 将值传递到方法并将值返回到表单

我对 Rails 非常陌生，因此在一起处理 AJAX、UJS 和 Rails 时遇到很多困惑。我查看了railscast，几个SO答案，尝试了freenode上的#rubyonrails IRC频道。 唉，我还是被困住了。

无论如何，这是我的问题。

所以我有两个模型，建筑和财产。财产属于_建筑物并且建筑物有_许多财产。

我已将外键添加到 Property 作为building_id。

现在，在我的建筑模型中，我有一个方法：self.search(search) 并给出正确的地址（例如 999 Decarie），它将正确从数据库中的 Building 表返回building_id。

def self.search(search)
    #search.instance_variables.map {|v| "#{v}: #{search.instance_variable_get(v)}\n"}.join
    if ((search.nil?) || (search == ""))
        nil
    else
        search = search.to_s
        d { search }
        split = search.split(' ', 2)
        stnum = split.first
        d { stnum }
        stname = split.last
        d { stname }
        Building.where("streetno = ?", stnum).where("streetname = ?", stname).pluck(:id).first
    end
end

在我的属性部分_form中，我有一个form_for循环，它使用collection_select来允许用户选择任何建筑物地址（例如999 Decarie）（因此它呈现为选择/选项HTML下拉列表）。

<div class="field" id="selection">
   <%= f.collection_select :buildinginfo, Building.all, :half_address, :half_address, {:label => "Building Info"}%>
</div>  

那么，我该如何使用不显眼的 javascript/ajax

A. 用户在表单中选择后立即获取集合 select 的选定值，并将其传递给上面提到的建筑模型方法（self.search(search)），该方法返回正确的建筑 ID。

B. 立即获取该方法返回的建筑物 ID，并将其存储在表单上的隐藏字段中（对应于 Properties 模型中的building_id 字段）。 （在下面的代码中，我想用建筑物 ID 替换值 1）

 <div class="field" id="selection_id">
         <%= f.hidden_field :building_id, :value => 1 %>  
      </div>    

因此，允许我的关联工作，这样当我删除建筑物时，它的所有相关属性也会被删除。

如果您需要更多代码，请告诉我，我正在使用 Rails 4，非常感谢！

Ajax

在铁轨中，Ajax http://en.wikipedia.org/wiki/Ajax_%28programming%29与网络上其他任何地方的工作方式完全相同 - 您使用 Javascript 发送异步请求，服务器处理并发送响应。

Rails 的技巧是让你的代码尽可能模块化，这就是为什么ujs东西在应用程序中经常使用。你最好读一下Rails' ujs阿贾克斯能力 https://github.com/rails/jquery-ujs/wiki/ajax here https://github.com/rails/jquery-ujs/wiki/ajax

一旦用户选择它

听起来像你需要.on("change":

#app/assets/javascripts/application.js
$(document).on("change", function(){
   $.ajax({
       url: "your/path",
       data: {search: $(this).val()},
       success: function(data) {
           // ... do stuff here
       }
   });
});

这基本上会将请求发送到您的服务器，允许您根据需要处理响应。

立即获取该方法返回的建筑物ID并将其存储在隐藏字段中

你会想要这样做：

#Ajax method
success: function(data) {
    $("#element").val(data);
}

这需要附有respond_to像这样在你的控制器中阻止：

#app/controllers/your_controller.rb
respond_to :js, :json
def search
   @search = Model.search params[:search]
   respond_with @search
end

--

Data

有趣的一点 - 你可以使用.find_by而不是多个where像这样的查询：

Model.find_by(name: value, name: value).pluck(:id)