使用 Ajax 的模态窗口中的表单在 FF 中不起作用？

Question

所以我在引导模式窗口中有一个简单的表单。现在使用 ajax 调用，我触发了一个保存数据或返回错误的.php文件。在chrome和safari中，一切似乎都按预期工作，但在Firefox中却没有。在火狐中，我点击提交按钮后，模态窗口消失了。

这是在提交表单上触发的javascript函数：

 function submitForm(){
            alert("submit data review");
                    var name = $('#add_owner_name').val();
                    var email = $('#add_owner_email').val();

            $.ajax({
                    type:'POST',
                            url:'add_ajax.php',
                            data:'contactFrmSubmit=1&owner_email=' + email + '&owner_name=' + name,
                            beforeSend: function () {
                                $('.submitBtn').attr("disabled", "disabled");
                                        $('.modal-body').css('opacity', '.5');
                                },
                            success:function(msg){
                                if (msg == 'ok'){
                                     $('#add_owner_name').val('');
                                        $('#add_owner_email').val('');
                                        $('#statusMsg').html('<span style="color:green;">Thanks for your suggestion.</p>');
                                } else{
                                    $('#statusMsg').html('<span style="color:red;">Some problems occurred, please try again.</span>');
                                }
                                    $('.submitBtn').removeAttr("disabled");
                                    $('.modal-body').css('opacity', '');
                            }
                    });
            }

我忽略了什么？ 任何建议

Answer 1

页面可能正在刷新。

尝试将event.preventDefault()放在提交功能的顶部。