rails 3 form partial
<%= form_for(answer, :remote => true) do |f| %>
<% if answer.errors.any? %>
<div id="error_explanation">
<h2><%= pluralize(answer.errors.count, "error") %> prohibited this answer from being saved:</h2>
<ul>
<% answer.errors.full_messages.each do |msg| %>
<li><%= msg %></li>
<% end %>
</ul>
</div>
<% end %>
<div class="field">
<%= f.hidden_field :conduct_evaluation_id, :value => conduct_evaluation.id %>
</div>
<div class="field">
<%= f.hidden_field :question_id, :value => question.id %>
</div>
<div class="field">
<%= f.hidden_field :program_block_id, :value => conduct_evaluation.program_block_id %>
</div>
<div class="field">
<%= f.radio_button :answer, true, :onchange => "$(this.form).trigger('submit.rails');" %>yes<br/>
<%= f.radio_button :answer, false, :onchange => "$(this.form).trigger('submit.rails');" %>no<br/>
</div>
<div class="actions">
<%= f.submit "Answer" %>
</div>
<% end %>
控制器行动
# POST /answers
# POST /answers.json
def create
@answer = Answer.new(params[:answer])
@answer.user = current_user
@answer.conduct_evaluation = ConductEvaluation.find(params[:answer][:conduct_evaluation_id])
respond_to do |format|
if @answer.save
format.js { }
format.html { redirect_to @answer, notice: 'Answer was successfully created.' }
format.json { render json: @answer, status: :created, location: @answer }
else
format.js { }
format.html { render action: "new" }
format.json { render json: @answer.errors, status: :unprocessable_entity }
end
end
end
# PUT /answers/1
# PUT /answers/1.json
def update
@answer = Answer.find(params[:id])
respond_to do |format|
if @answer.update_attributes(params[:answer])
format.js { }
format.html { redirect_to @answer, notice: 'Answer was successfully updated.' }
format.json { head :no_content }
else
format.js { }
format.html { render action: "edit" }
format.json { render json: @answer.errors, status: :unprocessable_entity }
end
end
end
谁能告诉我我做错了什么,使javascript通过ajax提交?当我使用提交按钮时,请求通过ajax发送。如果我使用onchange事件的单选按钮,并试图通过javascript提交表单,它认为请求是HTML。
任何帮助将非常感激!
- j
编辑:所以当我使用表单提交按钮时,请求略有不同:
Processing by AnswersController#create as JS
Parameters: {"utf8"=>"✓", "authenticity_token"=>"IcJkV1GnIOEGRs7kaRuVQsp0sTNtHQw0Q+HMM7m/mV0=", "answer"=>{"conduct_evaluation_id"=>"15", "question_id"=>"1", "program_block_id"=>"1", "answer"=>"true"}, "commit"=>"Answer"}
与使用onchange javascript来触发rails。提交事件:
Processing by AnswersController#create as HTML
Parameters: {"utf8"=>"✓", "authenticity_token"=>"IcJkV1GnIOEGRs7kaRuVQsp0sTNtHQw0Q+HMM7m/mV0=", "answer"=>{"conduct_evaluation_id"=>"15", "question_id"=>"1", "program_block_id"=>"1", "answer"=>"true"}}
有人知道为什么会发生这种情况吗?是否需要在触发提交时指定其他参数?rails事件吗?请帮助!: - d
编辑2:所以我找到了一个变通办法。如果我将单选按钮的更改事件绑定到实际单击提交按钮,它就会工作。这不是理想的解决方案,但至少是可行的。
编辑3:我已经决定了以下的咖啡脚本:
$(document).ready ->
$('#my_form input:submit').hide()
$('#my_form input:radio').change ->
$.ajax
type: $(this.form).attr('method')
url: $(this.form).attr('action')
data: $(this.form).serialize()
dataType: 'script'
这允许相应的js动作文件作为响应返回,并在成功时自动执行。
使用onchange()
绕过Rails的魔法,所以它不会像您希望的那样提交表单。编写您自己的更改方法,例如:
$('input.radio_button_selector').change( function() {
$.ajax({
url: $('#my_form').attr('action'),
data: $('#my_form').serialize()
});
});