通过AJAX将PHP变量发送到JavaScript

我正在编写一个程序，在JavaScript和PHP页面上生成随机数，并在JavaScript/Html页面上显示它们

到目前为止，我已经成功地生成了两个页面的数字，但我不知道如何从JavaScript页面到外部PHP页面检索数字并将其存储到JS变量中

这是我到目前为止所拥有的

JavaScript:

function roll()
    {
        var rollOne; //= Math.floor((Math.random() * 6) + 1);
        var rollTwo;
        var request = new XMLHttpRequest();

        request.open("GET", "filename.php", true);
        request.send();                 
    }

我知道JS random被注释掉了，现在这并不重要

PHP:

那么，如何从php文档中提取$random，将其发送到JavaScript页面，并将其存储到变量中以供以后访问呢

我相信类似的问题以前在这个网站上被问过几千次，但从我搜索的内容来看，我没有发现任何对我有意义的问题。

作者对此进行了很好的解释。在调用

.open

和

.send

之前，设置一个函数，以便在服务器返回响应时运行

XMLHttpRequest

：

request.onreadystatechange = function() {
  if (request.readyState === XMLHttpRequest.DONE) {
    // The request is complete
    if (request.status === 200) {
      // Server responded with HTTP status code 200 (OK)
      // Here's your server's random value
      random = request.responseText;
    } else {
      alert('There was a problem with the request.');
    }
  }
}

---

您可以访问返回数据的responseText值。换句话说，可以使用responseText在javascript中访问从php回显的数据，并将其存储在变量中

请学习一些ajax教程。。。它们很容易在网上找到，可能是真棒的复制品！非常有帮助！

request.onreadystatechange = function() {
  if (request.readyState === XMLHttpRequest.DONE) {
    // The request is complete
    if (request.status === 200) {
      // Server responded with HTTP status code 200 (OK)
      // Here's your server's random value
      random = request.responseText;
    } else {
      alert('There was a problem with the request.');
    }
  }
}