javascript - 提交操作

Question

我有关于提交行为的初学者问题。每次我按下提交时，我的 loginModal 都会重新出现，这是预期的行为吗？就像 ready() 函数再次被触发一样。我希望在提交后执行我的启动 App() 函数

这是我的部分代码:

//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()
    }

);