具有 Ajax 的模态 window 形式在 FF 中不起作用？

Question

所以我在 bootstrap 模态 window 中有一个简单的表单。现在，通过 ajax 调用，我会触发一个 .php 文件来保存数据或 returns 一个错误。在 chrome 和 safari 中，一切似乎都按预期工作，但在 firefox 中却没有。在我点击提交按钮后的 firefox 中，模态 window 消失了。

这是在提交表单时触发的 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() 放在提交功能的顶部。

Answer 2

大家好，我遇到了完全相似的问题，数据已正确发送到另一个 PHP 页面，我可以在另一个 PHP 页面上打印出结果..但不知何故它无法识别已发送成功消息..并完成错误消息..

我正在使用完全相似的代码

具有 Ajax 的模态 window 形式在 FF 中不起作用？

Form in modal window with Ajax doesn't work in FF?

javascript

ajax

jquery

modal-window

bootstrap-modal