提交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; 
});