会員登録フォームを作成しています。
form1の中にpage1とpage2というdiv要素があり、それぞれのdisplayの値を切り替えることで
画面が遷移しているように見える作りになっています。
その中で、ajaxでPHPの処理を呼び、結果を元にHTMLに要素を追加する処理を実装しています。
JavaScript
1//入力エラーチェック 2$.ajax({ 3 type: "POST", 4 url: "/userCheck", 5 data: "UserID=" + 'test12345', 6 success: function(html){ 7 if (!(html === '')) { 8 $('dl.kekka').after('<p class="error_text">' + html + '</p>'); 9 } else { 10 $('dl.kekka').next('p.error_text').remove(); 11 } 12 } 13}); 14 15if($("#form1").find('p.error_text').length > 0) { 16 return false; 17} 18 19// 画面切り替え 20$('#page1').css('display', 'none'); 21$('#page2').css('display', '');
理想としては、結果が返ってきた場合、page1に<p class="kekka_comment">を追加の上画面に表示し、
後続の画面切り替え(page1を非表示&page2を表示)は行わない、という処理にしたいです。
しかし、現状は、画面が切り替わってしまいます。
page2に実装している戻るボタンでpage1に画面を切り替えると、
ajaxを使用せずに追加している<p class="error_text">エラーコメント</p>は
lengthでカウントされ、後続の処理が行われません。
処理順序を変える方法はありますでしょうか?
そもそも当方ajaxの仕組み(非同期処理?)自体がよくわかっていないと思われます。
私の実現したいことは技術的に可能なのでしょうか?
何かヒントございましたら教えて頂けると幸いです。
宜しくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/20 13:05
退会済みユーザー
2016/12/20 14:01
2016/12/20 14:07
2016/12/21 00:59
2016/12/21 01:34