Question

In my Rails view, I have an HTML form

<form name="input">
Username: <input type="text" name="user"> <br/>
<input type="button" id="submit_form" value="Submit">
</form> 

When the submit button is clicked, I want to use JQuery to call the controller download, and also pass along the user parameter. (In routes.rb I specify match "download" => "Posts#download")

How should I use JQuery to do this?

$("#submit_form").click(function() {
  // what should I put here?
});

Answer 1

You could do this:

/* attach a submit handler to the form */
  $("#submit_form").submit(function(event) {

    /* stop form from submitting normally */
    event.preventDefault(); 

    /* get some values from elements on the page: */
    var $form = $( this ),
        term = $form.find( 'input[name="user"]' ).val(),

    /* Send the data using post and fire some callback */
    $.post( "/download", { s: term },
      function( data ) {
       //some callback
      }
    );
  });

Source: Modified example from jQuery docs