如何使用ajax从PHP文件中获取返回文本？

Ajax也称为异步 JavaScript ， XML是一系列 Web 开发技术，它们在客户端使用许多 Web 技术构建异步 Web 应用程序。无需重新加载网页，AJAX 使您能够异步发送和接收信息。

方法：当按钮被点击时，我们已经初始化了XMLHttpRequest对象，它负责进行 AJAX 调用。然后，我们必须检查readyState值是否为 4，这意味着请求已完成，并且我们已收到服务器的响应。

接下来，我们检查了状态码是否等于 200，这意味着请求成功。最后，我们获取存储在XMLHttpRequest对象的responseText属性中的响应。设置监听器后，我们通过调用XMLHttpRequest对象的open方法发起请求。然后调用XMLHttpRequest对象的send方法，它实际上将请求发送到服务器。当服务器响应时，您可以看到显示来自PHP文件的响应的文本。

HTML代码：

HTML

  

    Click Me!
  
    
  
    
        let fetchBtn = document.getElementById('fetchBtn');
  
        fetchBtn.addEventListener('click', buttonClickHandler);
        function buttonClickHandler() {
  
            // Instantiate an xhr object
            var xhr = new XMLHttpRequest();
  
            // What to do when response is ready  
            xhr.onreadystatechange = () => {
  
                if (xhr.readyState === 4) {
  
                    if (xhr.status === 200) {
                        document.getElementById("txt")
                            .innerHTML = xhr.responseText;
                    } else {
  
                        console.log('Error Code: ' 
                            + xhr.status);
  
                        console.log('Error Message: '
                            + xhr.statusText);
                    }
                }
            }
  
            xhr.open('GET', 'data.php');
  
            // Send the request
            xhr.send();
        }
    

  

PHP代码：以下是“data.php”的代码。 PHP”文件在上述 HTML 代码中使用。

PHP

    
        Welcome to GfG'; ?>  
    

输出：