javascript - location.href を更新または使用しないと ajax が機能しないのはなぜですか?

Question

私は、最終的に Phonegap によってパッケージ化される html プロジェクトに取り組んでいます。だから私はhtmlフォームからJSON形式にデータをエンコードしようとしています。次に、ajaxを使用してサーバー上にあるphpファイルに送信し、応答を受け取って何か他のことをします。

<a href='login.html'>次に、index.html でを使用してログイン ページを開きます。私のログインページには、これがあります

<script>
        $(document).ready(function(e) {                
            $('#loginform').submit(function(){
                var jData = { "email": $('#emailLogin').val(), "password": $('#Password').val()};

                $.ajax({                                      
                  url: 'PHP/login.php',
                  type:'POST',                           
                  data: jData,                                          
                  dataType: 'json',
                  async: false,
                  error: function(xhr,status){
                        //reload();
                        location.href='index.html';
                        alert('Wrong email and password');
                  },
                  success: function(data){
                      if(data[1] == 1){
                          var Id_user = data[0];
                          location.href='loginSuccess.html';
                      }
                  }
                }); 
            });
        });
    </script>

私のデータをサーバーに送信します。しかし、それが機能しないことがわかりました。まだログインページにあります。データを入力して再度送信しようとしましたが、まだ何も起こりません。ログイン ページを更新して再度データを入力するまで、エラー メッセージが表示されるか、ログイン成功ページに移動する可能性があります。ただし、<script> function loadLogin(){ location.href='login.html'; } </script>ログインページを開くために使用すると、すべてが正常に機能します。

では、これは何が原因でしょうか？このコードを修正して改善するにはどうすればよいですか?