jQuery 提交 AJAX 表单时页面意外刷新

Question

我有一个问题，AJAX 提交表单。

我有一段这样的代码：

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

在 div 中放入 id=content 创建表单的代码段。

我还有一段代码：

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

我希望在 submit() 方法中执行代码，我可以在其中使用该表单的数据执行操作，但我却刷新了页面。

有谁知道可能是什么问题？它应该与所有浏览器兼容。

谢谢！

Answer 1

您正在动态创建表单，因此标准事件绑定将不起作用。您需要使用事件委托

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

Answer 2

你必须调用 e.preventDefault();和 return 错误

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

jQuery unexpected refresh of page when submit an AJAX form