在Rails 4上处理AJAX的正确方法是什么？

Question

在大多数教程中，人们告诉您为要使用javascript响应的每个动作创建一个js.erb模板，这导致我想与AJAX一起使用的每个动作都同时具有html.erb和js.erb 。 ， 像这样：

这是正确的吗？ 难道我做错了什么？ 因为对我来说看起来很糟糕，所以默认情况下每个视图文件夹中至少有20个文件。

Answer 1

我认为您做对了。 您正在使用Rails的AJAX帮助程序，这是一个好习惯。 与使用AJAX的常规方法相比，此方法的一些优点：

• JS代码更短，更干净，我们不需要编写一些重复的无聊代码，例如$（“ form＃id”）。on（“ submit”，function（）{}）。 我们只需要编写主要代码即可处理响应数据。
• 不引人注目的JavaScript：JS代码是从服务器端呈现的。 不会与html一起显示。
• 我认为拆分为js.erb文件实际上使代码更易于管理。 这是个人的想法。

我不知道您的项目有多复杂，所以不确定，但是也许您可以改进以减少部分文件。 例如，我注意到您同时具有删除和销毁操作。 Index ， new和edit视图可能不需要部分文件。 看来您也可以处理Json请求。 这也使视图文件夹更大。

Answer 2

是的，对我来说真的也很糟糕。 但是，如果要使用javascript响应每种方法，则必须为每个方法创建js.erb模板。

另一种方法是，您希望使用json而不是脚本进行响应。 您所有的ajax代码都将保留在客户端javascript中，并且将以json数据作为响应。

例如。 让我们获取特定区域的数据

$.ajax({
  url: "/areas/23",
  dataType: 'json',
  method: 'get',
  success: function(response){
    //OPTION 1
    //response will have all the data
    //handle the value from the response object in displaying


    //OPTION 2
    //If you set dataType: 'html' you can receive html partial from server and make use of it directly
    $("#show-area").html(response); //response will have content of _show.html.erb
  },
  error: function(error){
    console.log(error); //Print errors if it breaks
  }
});


#Controller
def show
  respond_to do |format|
    #OPTIONS 1
    format.json { render json: @area.as_json } 
    #Or have a json.jbuilder partial if you want to send data selectively, ;) There is no escape from partials/templates

    #OPTION 2
    format.html { render partial: "areas/show" } # will render _show.html.erb

  end
end

话虽如此，我认为这最终取决于个人喜好。 您的偏好会因不同的情况而异。 您可以根据情况选择任何一种。 让我知道是否有帮助。