使用ajax和rails提交一個簡單的表單

Question

我試着做一個使用ajax的表單。

我看了this教程，但是不清楚。

我想提交一個簡單的表單，並在不刷新頁面的情況下在同一頁面顯示結果。我的應用程序中沒有模型。我只想提交表單，向api發出請求並將結果顯示回頁面。

如果我用這個例子：

<form method="post" action="/my_controller/my_action" class="button_to" data-remote="true" data-type="json"> 
    <input type="text" ..> 
    <input type="text" ..> 
    <div><input value="Show" type="submit" /></div> 
</form> 

我怎樣才能在這個my_controller價值觀和我怎樣才能讓回看法？

感謝所有幫助

Answer 1

你的形式

<form method="post" action="/my_controller/my_action" class="button_to" data-remote="true"  data-type="script"> 
    <input type="text" name="value1"> 
    <input type="text" name="value1"> 
    <div><input value="Show" type="submit" /></div> 
</form> 

您的顯示div標籤

<div id="feeds"></div> 

你的行動

def my_action 
    @value1 = params[:value1] 
    @value1 = params[:value2] 
    respond_to do |format| 
     format.js 
    end  
end 

你的觀點我/ my_action.js.erb

$('#feeds').prepend("<%= j ("<p>#{@value1}-#{@value2}</p>") %>"); 

Answer 2

使用jquery的AJAX方法

$.ajax({ 
url:'/path/to/controller',  
type:'GET', 
data:{formData:$('form').serialize()}, 
success:function(data){ 
//do what ever with the response 
} 

}); 

還可以再安裝一個錯誤事件處理程序

http://api.jquery.com/jQuery.ajax/

Answer 3

我試圖編輯@MuhammetDILEK的答案，這幾乎爲我工作。 不過，我需要的形式使用data-type="script"代替data-type="json"，如解釋說： https://stackoverflow.com/a/15115551/3472491