Rails Submit Form Using ‘delete’ Method Explanation

Sometimes we need to submit form using methods other than ‘post’, in this example, it’s ‘delete’.

For example, I wanted to delete a user when a form is submitted with the user name and ‘delete’ method.

1. I created the route like this:

delete ‘test url’, to: ‘users#destroy’

So I will handle the delete function in users controller, destroy action.

 

2. The view code:

<%= form_tag(‘test url’, method: :delete) do %>
  <%= label_tag ‘Please enter the username that you want to delete:’ %>
  <%= text_field_tag :name %>
  <%= submit_tag ‘Send delete request’ %>
<% end %>

 

2. This view code generates the following html code:

<form action=”test url” accept-charset=”UTF-8″ method=”post”>
  <input name=”utf8″ type=”hidden” value=”✓” />
  <input type=”hidden” name=”_method” value=”delete” />
  <input type=”hidden” name=”authenticity_token” value=”5Rj1osaYdsOkH94pyig99l5Ud64U1H25LCuK33plQuf2Lg+a/+Ub6VVlYBSOvDotOIrX3SCKB6mYsfZTyPkI+Q==” />
  <label for=”Please_enter_the_username_that_you_want_to_delete:”>Please enter the username that you want to delete:</label>
  <input type=”text” name=”name” id=”name” />
  <input type=”submit” name=”commit” value=”Send delete request” />
</form>

As you can see above, the form method is still ‘post’. I was really confused at this point, since the method didn’t turn out to be the ‘delete’ method I expected.

But actually rails generated a hidden input called _method that is supposed to carry the intended verb for the server to interpret. In this case, it’s ‘delete’, exactly what I need.

 

3. Let’s see the view, it looks like this:

view

I typed ‘test user name’ and hit ‘Send delete request’ button, it sent out this http request:

delete request

The request method is ‘Post’, with form data ‘_method’ set as ‘delete’ which sent my request to users controller, destroy action. Job done.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s