Xtykutl

I am trying to build a Q&A app with Ajax on the Index.html.erb. I manage to get the form remotely loading, but when saving the records, the AJAX does not work and the user is taken to the normal show.html.erb. Apart from the Ajax not kicking off, everything works well.

My code is as below:

index.html.erb (Contain a partial for input, and a partial for results)

<div>

  <h3 class="section_title">  Q&A </h3>

  <hr>

  <div id="qanda-form" style="display:none;"> </div>

</div>

<div id="qandas">

  <%= render 'qandas/qanda' %>

</div>

_qanda.html.erb (is the partial for results)

<% @qandas.each do |my_qanda| %>

  <div class="col-md-9">

    <div>

      Created  <%= local_time(my_qanda.created_at) %>, by  <%= User.find_by(id: my_qanda.user_id).full_name %>

    </div>

  </div>

<% end %>

_form.html.erb (is the input form - has nested form via Cocoon)

<%= simple_form_for @qanda, remote: true do |f| %>

  <%= f.error_notification %>

  <%= f.error_notification message: f.object.errors[:base].to_sentence if f.object.errors[:base].present? %>

  <div class="col-md-12 form-inputs">

    <div class="col-md-8">

      <%= f.input :title, label: 'Q&A Title:' %>

    </div>

  </div>

  <div class="qandasquestions">

    <%= f.simple_fields_for :qandasquestions do |builder| %>

      <% render 'qandas/qandasquestion_fields', f: builder %>

    <% end %>

    <div class="links btn-group" style="min-height: 34px !important">

      <%= f.button :submit, "Publish Q&A", class: "btn btn-default" %>

      <%= link_to_add_association 'Add Question', f, :qandasquestions, class: 'btn btn-default', data: {association_insertion_node: '.qandasquestions', association_insertion_method: :append} %>

      <%= link_to 'Back', qandas_path, class: "btn btn-default" %>

      <%= f.input :company, :as => :hidden, :input_html => {:value => current_user.company} %>

    </div>

  </div>

<% end %>

Controller:

def index

  @qandas = Qanda.all

  respond_to do |format|

    @qandas = Qanda.all

    format.html

    format.json

  end

end



def create

  @qanda = current_user.qandas.build(qanda_params)

  respond_to do |format|

    if @qanda.save!

      @qandas = Qanda.all

      format.html { redirect_to @qanda, notice: 'Qanda was successfully created.' }

      format.json {render :layout => false}

    else

      format.html { render :new }

      format.json { render json: @qanda.errors, status: :unprocessable_entity }

    end

  end

end

create.js.erb

$('#qandas').html("<%= j render partial: 'qandas/qanda' %>");

$('#qanda-form').slideUp(350);

new.js.erb

$('#qanda-form').html("<%= j render 'qandas/form' %>");

$('#qanda-form').slideDown(350);

Anybody can see why the Ajax does not kick off please? why am I redirected to the traditional SHOW page please?

Try updating your code to this and let me know if it's working?

def create

  @qanda = current_user.qandas.build(qanda_params)

  if @qanda.save!

    @qandas = Qanda.all

  else

    @errors = @qanda.errors 

  end

end