私は隠された<div>
を含むビューを持っています。私は<div>
の隠しファイルを表示し、隠しファイル<div>
でsubmitをクリックすると、結果が成功か失敗かを知りたい。Ajaxで - 提出が成功したことを見つける方法を提出
エラーの場合、<div>
は非表示にしてはいけません。今は常に隠されています。
私は隠された<div>
を含むビューを持っています。私は<div>
の隠しファイルを表示し、隠しファイル<div>
でsubmitをクリックすると、結果が成功か失敗かを知りたい。Ajaxで - 提出が成功したことを見つける方法を提出
エラーの場合、<div>
は非表示にしてはいけません。今は常に隠されています。
サンプルコード:あなたのAjaxリクエストが処理され、サーバーが応答
var element = document.getElementById(element_id);
element.innerHTML = '<p><em>Loading ...</em></p>';
xmlhttp.open("GET", fragment_url);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
element.innerHTML = xmlhttp.responseText;
}
}
xmlhttp.send(null);
xmlhttp.readyState変更。 xmlhttp.statusはサーバーからの戻りコードを返します xmlhttp.responseTextはサーバーからの応答を返します。これを使用して、ビジネスロジックが成功か失敗かを確認できます(エラーメッセージを送信してここで確認してください) )
@Cherian & @Pradeepはフォームのonsubmitハンドラを傍受する必要があると言及していませんでした。このハンドラはAJAXスタイルのフォームの送信を行い、デフォルトの送信を防ぐために 'false'を返します。
<form action="submissionurl" method="post" onsubmit="formHandler(); return false;">
...
</form>
それは、我々はそれで間違っているものを見ることができますので、あなたのコードを投稿する巨大なamountsubmit
であなたのコードを簡素化するように私はまた、jqueryのを使用することをお勧めします –