防止页面加载到Jquery表单上时使用无显示按钮提交

防止页面加载到Jquery表单上时使用无显示按钮提交

我认为您正在寻找AJAX。AJAX使您可以将表单数据发送到后端PHP文件（该文件随后可以将数据插入DB中和/或从DB中获取数据）而无需重新加载页面。

该页面正在重新加载，因为您正在使用

<form>

。当按下提交按钮时，它将提交表格，该表格总是刷新页面。但是，如果您使用AJAX，则可以发送数据（可选地接收响应）并正常进行。

实际上，当您使用AJAX时，您甚至不需要使用

<form>

结构-简单的DIV就可以了。然后，您无需使用

event.preventDefault()

来抑制内置表单刷新。

---

另外，将“提交”按钮的类型从更改

type="submit"

为

type="button"

---

若要检测用户何时在输入字段中按Enter，然后单击“提交”按钮，请尝试以下 *** 作：

$(function(){    $('#user-response').keyup(function(){        var keypre = (e.keyCode ? e.keyCode : e.which);        if(keypre == '27'){ $('form').fadeOut();}        if(keypre == '13'){  $('#user_submit').click();        }    });});