jQuery表單提交

Question

當我提交下面的表單時，刷新當前頁面並將表單參數追加到頁面URL的末尾。爲什麼會發生這種情況？我需要提交表單，但隱藏了表單參數。

感謝

<div class="ui-block-b"><button id="submit" type="submit">Submit</button></div> 

      $("#submit").click(function(){ 

       var formData = $("#newPostForm").serialize(); 

       $.ajax({ 
        type: "POST", 
        url: "/mobile/newpost.php", 
        cache: false, 
        data: formData, 
        success: onSuccess 
       }); 

       return false; 
      }); 

Answer 1

擺脫type="submit"（其中由何必實際上是<input type="submit">）的，只是使它成爲一個標準的按鈕，如果你不打算實際提交表單：

<input type="button" id="submit" value="Submit" /> 

的另一種方法是設置在表格上的onsubmit處理程序：

$(document).ready(function() { 
    $("#newPostForm").submit(function(){ 

    var formData = $("#newPostForm").serialize(); 

    $.ajax({ 
     type: "POST", 
     url: "/mobile/newpost.php", 
     cache: false, 
     data: formData, 
     success: function(data) { 
     window.location.href = "/where/to/go"; 
     } 
    }); 

    return false; 
    }); 
});