Question

所以我在引导模式窗口中有一个简单的表单。现在通过ajax调用，我会触发一个.php文件，该文件将保存数据或返回错误。在chrome和safari中，一切似乎都能按预期工作，但在Firefox中却不能。在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()放在您的提交功能的顶部。

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

1 个答案: