<form> タグを <div> タグに置き換えました。だから私は <form> タグなしでフォームエントリを送信します。そして、ajax post request を使用して値を送信します。
タグを使用しても、コントローラーから結果を取得するとページが更新され続ける理由を説明できません。
したがって、変更された html コードは次のようになります。
<div id="form_target"></div>
<div id="form">
<input .../>
<input .../>
<input .../>
<input type="button" value="submit" onclick="SubmitForm();"/>
</div>
SubmitForm() は次のようになります
SubmitForm()
{
var data = $("#form *:input").serialize();
$.post(
url,
data,
function(data)
{
$("#form_target").html(data['respond_text']);
},
'json'
);
}