在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

話雖如此，我認為這最終取決於個人喜好。 您的偏好會因不同的情況而異。 您可以根據情況選擇任何一種。 讓我知道是否有幫助。