輸入正確的值后重新加載網頁

Question

我遇到了一個奇怪的問題。 我創建了一個登錄頁面，該頁面將數據發送到PHP頁面，該頁面返回一些響應代碼，例如"00000"代表"404" ，未找到等。我已經用Postman工具測試了服務器，發現服務器運行正常。 當我的html向服務器發送數據時，服務器將使用響應代碼進行響應。 如果響應代碼出錯，則HTML警報是它。 但是，如果輸入正確的憑據並且服務器成功響應，則無故重新加載我的登錄頁面。 這是我的JavaScript

function validatelog(){
var user_email_log=document.getElementById("user_email_log").value;
var user_pass_log=document.getElementById("user_pass_log").value;
if (user_email_log&&user_pass_log!=null)
{
            var hr = new XMLHttpRequest();
            var url = "../logic/login.php";
            var vars = 
"user_email_log="+user_email_log+"&user_pass_log="+user_pass_log;
            hr.open("POST", url, true);
            hr.setRequestHeader("Content-type", "application/x-www-form-
urlencoded");
            hr.onreadystatechange = function() {
            if(hr.readyState == 4 && hr.status == 200) {
                var saman = hr.responseText.trim();
                if(saman=="00000"){
                   alert(saman);
                }else if (saman == "404"){
                    alert("Failed with 404");
                }

                else{
                    alert(saman);
                }
                }
            }
            hr.send(vars);
        }
    }

和我的HTML看起來像這樣

<input id="user_email_log"/>
 <input id="user_pass_log"/>
 <button onclick="validatelog();">Log in</button>

Answer 1

將type="button"添加到按鈕：

<button type="button" onclick="validatelog();">Log in</button>

如果未指定，則與type="submit" ，這將導致您的頁面重新加載。

Answer 2

如果您使用jQuery，則可以執行此操作。

$(document).on('click', 'button', function(e) {
  e.preventDefault();
  $.get('url')
})

我認為該頁面正在重新加載，因為這是默認行為。