Imagine a scenario where I am working with a basic form like the one below
<%= form_for(@category) do |f| %>
<% if @category.errors.any? %>
<div id="error_explanation">
<h2><%= pluralize(@category.errors.count, "error") %> prevented this category from being saved:</h2>
<ul>
<% @category.errors.full_messages.each do |message| %>
<li><%= message %></li>
<% end %>
</ul>
</div>
<% end %>
<div class="field">
<%= f.label :name %><br>
<%= f.text_field :name %>
</div>
<div class="field">
<%= f.label :enabled %><br>
<%= f.check_box :enabled %>
</div>
<div class="actions">
<%= f.submit %>
</div>
<% end %>
I have been attempting to submit this form using an ajax request. The ID of my form is new_category. Here's what I tried:
<script type="text/javascript">
$("#new_category").click(function () {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: '/categories',
dataType: "json",
success: function (result) {
return false
},
error: function () {
window.alert("Something went wrong! Please try again");
}
});
});
</script>
Unfortunately, this code is not successfully submitting my form. It seems like I might be overlooking something important. Additionally, before submission, I want to replace the content of the name field with a fixed string "This is a sample string". Also, I need to include some specific data such as "user_id" => current_user.id" and "
user_name" => current_user.name