如何清理Padrino AJAX調用？

Question

我正在編寫一個應用程序，主要是通過AJAX調用後端服務器的UI。非常少的頁面加載。例如，當我創建旅程時，我的JS只是發送一個JSON對象給Padrino（通過POST），Padrino保存旅行對象（通過ActiveRecord）並返回一個JSON響應。

它似乎工作，但我不想清理代碼，但我想清理提交的值。

這裏是我的POST代碼（trips controller）

post :index, :provides => :json do 
    response = {} 
    response[:trip] = {} 

    begin 
     @trip = Trip.new 
     @trip.title = params[:trip][:title] 
     @trip.description = params[:trip][:title] 

     if @trip.save 
      response[:status] = "Success" 
      response[:trip] = {:title => @trip.title, :description => @trip.description} 
      response[:message] = "#{@trip.title} successfully saved" 
     else 
      response[:status] = "Error" 
      response[:message] = "Error saving trip" 
     end 
    rescue 
    response[:status] = "Error" 
    response[:message] = "Error saving trip" 
    end 

    response.to_json 
end 

目前，只有兩個字段（標題和描述），但做的時候會有大約4-8。我不喜歡我如何構建新的旅程對象。

我試着使用：

@trip = Trip.build(params[:trip]) 

，但沒有奏效。

這裏是我的JS代碼發送POST：

// Save new trip 
$("#new_trip_save_btn").click(function() { 
    var self = this; 
    var new_trip = get_new_trip(); 

    $.ajax({ 
     data: {trip:new_trip}, 
     dataType: "json", 
     url: "/trips", 
     type: "post", 
     success: function(res) { 
      console.log(res) 
     } 
    }); 
}); 

...... 

var get_new_trip = function() { 
    var self = this; 
    var trip = {}; 
    trip.title = $("#new_trip_title").val(); 
    trip.description = $("#new_trip_description").val(); 
    trip.departure_date = $("#new_trip_departure").val(); 
    trip.return_date = $("#new_trip_return").val(); 

    return trip; 
} 

所以我能做些什麼來清理代碼（POST操作刪除冗餘），並確保文本保存前消毒。

感謝

Answer 1

首先，你應該保護你的模型使用attr_accessible的質量分配，並又名mass assignment attr_protected。

然後，我強烈建議使用「窗體」，以便您的網站可以在不啓用javascript的情況下工作。因此使用unobtrusive javascripts代碼也可以更好。

// Live watch events on form submit 
$(document).on('submit', 'form[data-remote]', function(e){ 
    e.preventDefault(); 
    self = $(this); 
    $.ajax({ 
    url: self.attr('action'), 
    data: self.serializeArray(), 
    type: self.attr('method'), 
    dataType: 'json', 
    success: function(res){ console.log(res) } 
    }) 
}); 

下面的形式：

/* Here the form, for dates I suggest to use a calendar */ 
/* like https://github.com/arshaw/fullcalendar */ 
- form_for @trip, url(:trip, :index), :'data-remote' => true do |f| 
    == f.error_messages 
    == f.text_field :title 
    == f.text_area :description 
    == f.text_field :departure_date 
    == f.text_field :return_data 
    == f.submit 'Send' 

這裏控制器：

provides :json # if all your actions in your controller respond to #json it is more dry 

get :index do 
    @trip = Trip.new(params[:trip]) 

    if @trip.save 
    render :success => true, :attributes => @trip.to_json 
    else 
    render :success => false, :errors => @trip.errors.full_messages 
    end 
end