Javascript php内容I';我使用ajax调用只在几秒钟内可见

Javascript php内容I';我使用ajax调用只在几秒钟内可见,javascript,php,html,ajax,Javascript,Php,Html,Ajax,我有一个用于验证表单的PHP文件;现在我正在学习使用ajax来避免页面刷新 因此,我想使用ajax调用一个PHP文件,并在HTML中显示它 它正在发生,但问题是在HTML中显示的PHP数据只在几秒钟内可见,我需要它保持 以防万一,我正在使用本地服务器来测试这一点 PD:我不想使用Jquery submitBtn.addEventListener('click', function(){ var phpRequest = new XMLHttpRequest(); phpRequest.o

我有一个用于验证表单的PHP文件;现在我正在学习使用ajax来避免页面刷新

因此,我想使用ajax调用一个PHP文件,并在HTML中显示它

它正在发生,但问题是在HTML中显示的PHP数据只在几秒钟内可见,我需要它保持

以防万一,我正在使用本地服务器来测试这一点

PD:我不想使用Jquery

submitBtn.addEventListener('click', function(){
  var phpRequest = new XMLHttpRequest();
  phpRequest.open('POST', 'form.php');
  phpRequest.onload = function(){
    phpMessage.insertAdjacentHTML('beforeend', phpRequest.responseText);
  }
  phpRequest.send();
})

阻止
提交
函数(事件){event.preventDefault();//do stuff}
的默认操作,该操作刷新
文档
谢谢您的回答。也许我做错了什么。我有这样的表单,然后在我的js中有函数“function blockSubmit(event){event.preventDefault()}”,但它不起作用。因为
event
未在
submit
事件处理程序中定义。尝试使用
.addEventListener()
而不是事件属性来调用事件处理程序函数。哦,我忘了,谢谢你的时间,伙计!