Question

Im trying do build a form using ajax.

I read this tutorial, but it is not clear to me.

I would like to submit a simple form and show the result in the same page without refresh a page. I do not have models in my application. I just wanna submit a form, make a request to a api and show the result back to the page.

If I use this for example:

<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>

How can I get this values in my_controller and how can I show back to the view?

Thanks for any help

Answer 1

Your form

<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>

Your display div tag

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

Your action

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

Your view my/my_action.js.erb

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