jQuery表格插件+ Ajax文件上傳+導軌

Question

我在包含一些文件字段的大屁股形式上使用jQuery Form Plugin。後端是Ruby on Rails。

即使我相信我設置正確，但我無法讓Rails將POST請求類型識別爲'text/javascript'。

的形式如下：

<form id="listing_form" method="POST" enctype="multipart/form-data" action="/listings"> 
    <input type="text" size="30" name="listing[venue][phone]" id="listing_venue_phone"/> 
    <input type="file" size="30" name="listing[venue][image]" id="listing_venue_image"/> 
    ...plus tons of other fields 

JS的樣子：

$("#listing_form").ajaxForm({ dataType: 'script' }); 

而且我也已經宣佈：

jQuery.ajaxSetup({ 
    'beforeSend': function(xhr) {xhr.setRequestHeader('Accept', 'text/javascript')} 
}); 

請求它對控制器，但Rails的respond_to塊認爲它是一個正常的html請求。此外，Firebug會顯示解析器錯誤，並無法在控制檯中顯示請求和響應標頭。

如果我僅刪除文件字段並僅POST文本字段，respond_to塊會將請求作爲js請求處理並正確執行create.js.erb文件。

我該如何讓Rails正確響應請求？謝謝。

Answer 1

由於JavaScript安全限制，無法通過XHR發送帶有（非空）文件字段的表單。 通常的解決方法是通過發佈到隱藏的iframe來「僞造」ajax表單提交。我相信這也是jQuery Form插件的作用。

使導軌當作實際XHR請求時，這些「假」 AJAX表單提交將被添加在jQuery的表格插件的beforeSubmit回調的特殊參數的一種方法：以

// ... 
beforeSubmit: function(data) { 
    data.push({name: 'accept_js', value: '1'}); 
} 
// ... 

在你的控制器使用

然後過濾器前如預期

before_filter :set_ajax_request 

# ... 

private 
    def set_ajax_request 
    request.format = :js if params[:accept_js] == '1' 
    end 

你respond_to方法現在應該工作：當發佈數據中包含的特殊參數設置請求的格式:js。

Answer 2

如果您使用的是Rails 3，請嘗試Remotipart gem。它使得AJAX風格的文件上傳相對簡單。

http://rubygems.org/gems/remotipart

http://github.com/leppert/remotipart