原生js实现ajax请求为什么responseText返回的是PHP代码

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="result"></div>
    <div>
        <form action="">
            用户名：<input type="text" id="username" value="admin">
            密码：<input type="password" id="password" value="123456">
            <input type="button" value="登录" id="btn">
        </form>
    </div>
</body>
</html>
<script>
    window.onload = function(){
        var username = document.getElementById("username").value;
        var password = document.getElementById("password").value;
        var btn = document.getElementById("btn");
        btn.onclick = function(){
            var xhr = null;
            if(window.XMLHttpRequest){
                xhr = new XMLHttpRequest();
            }else {
                xhr = new ActiveXObject("Mcrosoft XMLHTTP");
            }
            url = "./request.php?username="+username+"&password="+password;
            xhr.open("get",url,true);
            xhr.send(null);
            xhr.onreadystatechange = function(){
                if(xhr.readyState == 4){
                    if(xhr.status == 200){
                        var data = xhr.responseText;//xhr.responseText获取到了被请求的PHP代码，为什么？
//                        alert(data);
//                        if(text == 1){
//                            document.getElementById("result").innerHTML = "login success";
//                        }
//                        if(text == 2){
//                            document.getElementById("result").innerHTML = "login faild";
//                        }
                    }
                }
            }
        }


    }
</script>

 <?php
    $username = $_GET['username'];
    $password = $_GET['password'];
    if($username == 'admin' && $password == '123456'){
        echo 1;
    }else{
        echo 2;
    }
?>

//源代码

用户名：
密码：

<!DOCTYPE html>

Title

用户名：
密码：

先检查你的web服务器的php有没有配置正确，php有没有正确执行