如何使用Javascript接收PHP响应

在过去的一天里,我一直坚持下去,感觉好像我错过了一些东西。

我的任务是: 创建一个php文件register.php,该文件允许用户输入其名称,姓氏,用户名和电子邮件(通过HTML表单),然后对该数据进行一些服务器端验证。 该文件还可以用作html表单,用户可以在其中输入数据。 对于用户名输入字段,在每次击键时,我都必须检查具有该用户名的用户是否已存在于我的数据库中。

这必须使用Javascript通过向Ajax发送register.php请求来完成。

我知道如何运行必要的查询以基于特定的用户名搜索数据库。那部分不是问题。

我无法上班的是

  • 使用Javascript / Ajax发送请求register.php
  • 由于我不知道如何接收请求,因此获取register.php以根据输入的用户名运行查询
  • 获取register.php以“返回”响应,而无需将其写到DOM中

到目前为止,我已经尝试过:

let username= document.getElementById('username');
kor_ime.addEventListener('input', function() {validirajKorIme()});
function validateUsername(){
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            // Typical action to be performed when the document is ready:
            console.log(xhttp.responseText);
        }
    };
    xhttp.open("POST", "../obrasci/registracija.php", true);
    xhttp.send("username="+username.innerHTML);
}

这部分有效,我将获得整个HTML文档。我知道,因为整个结构都被打印到控制台中。

现在这是我无法工作的部分。在PHP中,到目前为止,我无法使用该脚本对用户名执行任何操作。

if( isset($_POST['username'])  ){
    json_encode($_POST['username']);
}

任何帮助表示赞赏。

评论