提出時の対応

Question

投稿動作についての初心者の質問があります。私がloginModalを復帰させ続けることを提出するたびに、これは予想される動作ですか？そのready（）関数のように、もう一度起動されます。ここで

を提出し、私は後に実行されるように私のアプリを起動（）関数を希望です私のコードのビット：あなたはそれがするボタンをクリックすると、サブミットの入力タイプを使用することを選択したので

//Show loginModal on page ready 
    $(document).ready(function(){ 
     $('#loginModal').modal('show'); 
    }); 

//loginModal submit 
<div class="modal-footer"> 
<button type="submit" class="btn btn-danger btn-default pull-left" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Cancel</button>`enter code here` 
</div> 

//When submit button is clicked 
$('#loginModal').submit(function() {} 
    initiateApp() 

}); 

Answer 1

送信ボタンのデフォルト動作、つまりページを更新するのを防ぐ必要があります。使用event.preventDefault()

$('#loginModal').submit(function(event) { 
     event.preventDefault(); 
     initiateApp() 
    } 

); 

Answer 2

自分の知識に自動的にポストバックし、ページをリフレッシュします。次の方法を試してみてください：

<button> 

OR 

<input type='button'> 

これで、ページがリフレッシュされなくなります。試してみます！