输入正确值时重新加载网页答案

【问题标题】：Webpage reloading on entering correct values输入正确值时重新加载网页
【发布时间】：2018-02-07 11:07:10
【问题描述】：

我遇到了一个奇怪的问题。我创建了一个登录页面，该页面将数据发送到一个 PHP 页面，该页面返回一些响应代码，如 "00000" 为 ok "404" 为未找到等。我已经使用 Postman 工具测试了我的服务器，发现服务器运行良好。当我的 html 向服务器发送数据时，服务器会使用响应代码进行响应。如果响应代码出错 html alert 就是它。 但是，如果我输入正确的凭据并且当服务器响应成功时，我的登录页面会无缘无故地重新加载。 这是我的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>

【问题讨论】：

标签： javascript php html ajax xmlhttprequest

【解决方案1】：

在按钮上添加type="button"：

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

不指定时与type="submit"相同，会导致页面重新加载。

【讨论】：

别担心，会发生的^-^

【解决方案2】：

如果你使用 jquery，你可以做到这一点。

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

我认为页面正在重新加载，因为这是默认行为。

【讨论】：