Javascript 如何在不刷新和使用JQuery/AJAX的情况下从服务器获取响应?

Javascript 如何在不刷新和使用JQuery/AJAX的情况下从服务器获取响应?,javascript,html,node.js,post,xmlhttprequest,Javascript,Html,Node.js,Post,Xmlhttprequest,有没有任何正确的方法可以在不使用JQuery/AJAX的情况下从服务器获取响应,当然也不用刷新页面? server.js: 这里有reglog.js: 和reglog.html: 正如您所看到的,我可以在中得到客户端的响应 <span id="message"></span> 但我可以看到它约0.5秒,然后会刷新页面。这并不是看到结果的最佳方式。我的问题:有可能在span中看到此响应超过0.5秒吗?我的意思是,也许刷新页面,然后显示此响应?我不知道怎么做,因为总是有0.

有没有任何正确的方法可以在不使用JQuery/AJAX的情况下从服务器获取响应,当然也不用刷新页面? server.js:

这里有reglog.js:

和reglog.html:

正如您所看到的,我可以在中得到客户端的响应

<span id="message"></span>
但我可以看到它约0.5秒,然后会刷新页面。这并不是看到结果的最佳方式。我的问题:有可能在span中看到此响应超过0.5秒吗?我的意思是,也许刷新页面,然后显示此响应?我不知道怎么做,因为总是有0.5秒的响应,然后页面刷新。 另外,我不知道如果没有AJAX/JQuery是否可以做到这一点


我很高兴能得到任何帮助,因为这是困扰我两天的问题,我在谷歌上找不到任何合理的答案。

你的代码看起来不错,你只需要在点击提交按钮时防止表单提交的默认动作,即传统的页面重新加载方式

document.getElementById("btn").onclick = (function createUser(e){
    e.preventDefault();
    // rest of function
});
<HTML>
<HEAD>
  <meta charset="utf-8">
  <style>
    .button{
    position: absolute;
    top: 45%;
    bottom: 55%;
    left: 15%;
    }
  </style>  
</HEAD>

<BODY>

<form id="regform" action="/reglog.html" style="display:block;">
        <center><p>Register</p>

    E-mail: <input type="email" id="email" name="email" autocomplete="off"><br>
    Login: <input type="text" id="login" name="login" required autocomplete="off"><br>
    Password: <input type="password" id="pswrd" name="password" required autocomplete="off"><br>
    <span id="message"></span><br>
    <div class="button">
    <input type="submit" id="btn" value="Register"/><br><br>
    <input type="button" id="lbtn" value="Back to log in"/></div>
    </center>
</form>

<form id="logform" style="display:none;">
            <center><p>Log in</p>

    Login: <input type="text" id="login2" autocomplete="off"/><br>
    Password: <input type="password" id="pswrd2" autocomplete="off"/><br>
    <span id="message2"></span><br>
    <div class="button">
    <input type="button" id="btn2" value="Log in"/><br><br>
    <input type="button" id="rbtn" value="Registration"/></div>
    </center>
</form>

<script async src="/reglog.js"></script>
</BODY>

</HTML>
<span id="message"></span>
document.getElementById("btn").onclick = (function createUser(e){
    e.preventDefault();
    // rest of function
});