javascript - 提交 Action

我有关于提交行为的初学者问题。每次按提交时，都会再次返回我的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()

});

最佳答案

您需要防止提交按钮的默认行为，即刷新页面。使用event.preventDefault()

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

);