Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery在提交AJAX表单时意外刷新页面_Javascript_Jquery_Ajax_Forms_Page Refresh - Fatal编程技术网

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

Javascript jQuery在提交AJAX表单时意外刷新页面,javascript,jquery,ajax,forms,page-refresh,Javascript,Jquery,Ajax,Forms,Page Refresh,我有一个问题,AJAX提交表单 我有这样一段代码: $("#content").html("<form id='requestInfo'>............</form"); 我希望在submit()方法中执行代码,在这里我可以使用该表单的数据来完成我的工作,但是我得到了页面的刷新 有人知道问题出在哪里吗?它应该与所有浏览器兼容 谢谢 您正在动态创建表单,因此标准事件绑定将无法工作。您需要使用事件委派 $("#content").on('submit', '#reque

我有一个问题,AJAX提交表单

我有这样一段代码:

$("#content").html("<form id='requestInfo'>............</form");
我希望在submit()方法中执行代码,在这里我可以使用该表单的数据来完成我的工作,但是我得到了页面的刷新

有人知道问题出在哪里吗?它应该与所有浏览器兼容


谢谢

您正在动态创建表单,因此标准事件绑定将无法工作。您需要使用事件委派

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

您必须调用e.preventDefault();并返回false

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