javascript - 如何在grails的safari浏览器中通过ajax提交表单

Question

我正在尝试通过 ajax 函数同时按钮提交表单

但在Safari浏览器上，它的提交就像普通的表单提交一样。

在其他浏览器中，它通过ajax功能正常工作

<g:form action="addEmpHistory" name="formNew" method="post">

 <button id="submitBtn" name="submitBtn" onclick="submitform(formNew);"></button>

</g:form>

//Ajax代码

function submitform(data){  
    $("#"+data).submit(function(event) {    
        new Event(event).preventDefault();
        event.preventDefault();

        $.ajax({
            type: 'POST',
            url: '/user/addUSer',
            data: $('#'+data).serialize(),

            success: function (data) {
                location.reload();  
            }

        });
    });
}

Answer 1

看到您正在使用 jQuery，请考虑删除 onclick

<form action="addEmpHistory" id="formNew" name="formNew" method="post">
    <button id="submitBtn" name="submitBtn">Submit</button>    
</form>

并用 jQuery 事件绑定替换您的 submitform 函数，例如：

$(document).ready(function() {
    $("#formNew").submit(function() {
        $.ajax({
            type: 'POST',
            url: '/user/addUSer',
            data: $("#formNew").serialize(),
            success: function(data) {
                alert(data);
            }
        });

        return false; // prevent actual form submit
    });
});