如何通過Ajax提交表單在Safari瀏覽器中的Grails

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> 

並替換您的submitform函數w ith jQuery事件綁定，類似於：

$(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 
    }); 
});