提交AJAX表單時jQuery意外刷新頁面

Question

我有一個問題，用AJAX提交表單。

我有一個這樣的一段代碼：

$("#content").html("<form id='requestInfo'>............</form"); 

這放在一個div ID =內容的一段代碼創建一個表單。

我有另一段代碼：

$("#requestInfo").submit(function(event) { 
    event.preventDefault(); 
    ...code... 
}); 

我希望提交（）方法，在那裏我可以做我的事情與形式的數據裏面的代碼的執行，但我得到的刷新相反，該頁面。

有誰知道可能是什麼問題？它應該與所有瀏覽器兼容。

謝謝！

Answer 1

您正在動態創建表單，因此標準事件綁定不起作用。您需要使用事件代表團

$("#content").on('submit', '#requestInfo', function(evt) { 
    evt.preventDefault(); 
}); 

Answer 2

您必須調用e.preventDefault（）;並返回假

$("#requestInfo").submit(function(event) { 
    // Code here 
    event.preventDefault(); 
    return false; 
});