如何清晰地分离前端和后端逻辑

我学习了一些关于记录表单的在线教程，但在我看来它们太简单了。我的意思是，他们总是将用户名和密码发送到同一个PHP页面，该页面同时进行身份验证和显示结果。

我只是想知道是否可以将前端和后端的逻辑分开。前端只负责发送和接收请求，后端负责数据库连接和身份验证。后端应将结果发送回前端，前端会相应地显示结果。

我不得不承认，我是网络开发的新手，我真的不知道这是否是正确的方向，因此请寻求您的专业帮助。

下面是我的设计，

前端有一个按钮，它调用javascript函数来发送和接收请求。

<button type="button" onclick="javascript:queryLogin()">

Javascript函数准备发布请求和接收响应。

    function queryLogin() {
        var username = document.getElementById('username').value;
        var password = document.getElementById('password').value;
        var xmlhttp = new XMLHttpRequest();
        var parameters = "username="+username+"&"+"password="+password;
        xmlhttp.onreadystatechange=function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                statusLogin(xmlhttp.responseText);
            }
        }
        xmlhttp.open(/*method=*/"POST", /*url=*/"login_back.php", /*async=*/true);
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlhttp.send(parameters);
    }
    function statusLogin(response) {
        var arr = JSON.parse(response);
        switch(arr.result) {
            case 0:   document.getElementById("message").innerHTML="";
                      break;
            default:  document.getElementById("message").innerHTML="";
                      /* TODO: How to destroy session? */
                      break;
        }
    }

因此，基本上我陷入了这种情况：如果身份验证失败，前端应该销毁会话，但现在的逻辑是javascript，很难销毁php会话。

请告诉我该怎么办。提前谢谢。