在前端JavaScript中，可以通过XMLHttpRequest对象（简称XHR）向后端发送Ajax请求，从而获取PHP中的变量值。

具体步骤如下：

1. 创建XHR对象

在JavaScript中，可以通过以下代码创建一个XHR对象：

```javascript

var xhr = new XMLHttpRequest();

2. 设置请求地址

使用XHR对象的open方法设置请求地址：

```javascript

xhr.open('GET', 'example.php', true);

第一个参数表示请求方法，这里使用GET请求；第二个参数表示请求地址，这里使用example.php；第三个参数表示是否异步发送请求，这里设为true。

3. 发送请求

调用XHR对象的send方法发送请求：

```javascript

xhr.send();

4. 接收响应

可以通过调用XHR对象的onreadystatechange方法来监听状态改变事件：

```javascript

xhr.onreadystatechange = function() {

if (xhr.readyState === 4 && xhr.status === 200) {

var data = xhr.responseText;

console.log(data);

}

}

当readyState为4且status为200时，表示响应已经完成，并且返回的数据存储在XHR对象的responseText属性中。可以将这个数据赋值给JavaScript中的一个变量，以便进一步处理。

5. 向PHP传递参数

如果需要向PHP传递参数并获取PHP中的变量值，需要在XHR对象的open方法中通过URL参数的形式传递参数：

```javascript

xhr.open('GET', 'example.php?param1=value1&param2=value2', true);

在PHP中，可以通过$_GET数组获取这些参数的值：

```php

$param1 = $_GET['param1'];

$param2 = $_GET['param2'];

然后通过PHP代码处理这些参数，最终返回一个结果，该结果就存储在XHR对象的responseText中。

需要注意PHP文件的路径和XHR请求中的路径是相对于当前页面的路径，所以需要注意路径的正确性。

总之，通过XMLHttpRequest对象，前端JavaScript可以向PHP发送请求并获取PHP中的变量值，实现前后端数据的交互。

在前端中，JavaScript可以通过Ajax技术向后端发送请求获取数据，而后端语言PHP可以将数据传输给前端。

在PHP中，可以通过以下方法将变量值传递给JavaScript：

一、通过JavaScript变量:

在PHP中，我们可以使用echo将变量值输出。在JavaScript中，我们可以使用XMLHttpRequest对象来获取php文件中的echo变量值。

例如，以下是PHP文件中输出变量的示例：

```php

<?php

$name = "Tom";

echo $name;

?>

我们可以使用以下JavaScript代码来获取这个变量值：

```javascript

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {

if (this.readyState == 4 && this.status == 200) {

var name = this.responseText;

console.log(name); // 输出 "Tom"

}

};

xmlhttp.open("GET", "demo.php", true);

xmlhttp.send();

二、通过JSON格式:

在PHP中，可以使用json_encode()函数将PHP数组或对象转换为JSON格式，然后使用PHP的echo将它们输出到JavaScript。

例如，以下是PHP文件中输出JSON格式的变量的示例：

```php

<?php

$person = array(

"name" => "Tom",

"age" => 25,

"gender" => "male"

);

echo json_encode($person);

?>

我们可以使用以下JavaScript代码来获取这个变量值：

```javascript

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {

if (this.readyState == 4 && this.status == 200) {

var person = JSON.parse(this.responseText);

console.log(person); // 输出 {name: "Tom", age: 25, gender: "male"}

}

};

xmlhttp.open("GET", "demo.php", true);

xmlhttp.send();

以上是两种常见的方法，可以让JavaScript从PHP中获取变量值并在前端显示。