JavaScript (簡稱 JS) 和 PHP 都是非常流行的編程語言。JavaScript 通常用于網頁前端，而 PHP 更多地用于服務器端。然而，在 web 開發中，有時候我們需要使用 JavaScript 和 PHP 來共同實現某些特定的功能，關于這個話題，本文將向大家介紹如何將 JavaScript 與 PHP 結合使用，并通過實例進行詳細說明。

作為兩種不同的編程語言，JavaScript 和 PHP 功能各自獨立，互相沒有可以訪問對方的數據或函數。但是，通過瀏覽器與服務器之間建立的 HTTP 請求，也就是 Ajax（Asynchronous JavaScript and XML），我們可以在網頁中使用 JavaScript 與服務器進行數據交互，使兩個語言能夠一起協同工作。

舉一個例子，假設我們需要獲取服務器上保存的用戶信息（比如用戶的 ID 和用戶名），并在網頁上展示出來。首先，我們可以使用 PHP 從服務器獲取這些信息，然后將它們轉換成 JSON 格式，再將其返回給 JavaScript。在 JavaScript 中，我們可以使用 Ajax 發送請求并獲取 PHP 返回的 JSON 數據，最后使用 JavaScript 代碼進行展示。

//PHP 代碼段，獲取用戶信息，將其轉換成 JSON 并返回給 JavaScript
$user_info = array("id" =>1, "name" =>"John");
echo json_encode($user_info);

//JavaScript 代碼段，使用 Ajax 發送請求獲取 PHP 返回的 JSON 數據進行處理
var xhr = new XMLHttpRequest();
xhr.open("GET", "get_user_info.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var user_info = JSON.parse(xhr.responseText);
console.log("用戶 ID：" + user_info.id + "，用戶名：" + user_info.name);
}
};
xhr.send();

上面的例子展示了如何在 JavaScript 與 PHP 之間進行數據交互。PHP 從服務器獲取用戶信息后將其轉換成 JSON 格式，然后返回給 JavaScript。JavaScript 使用 Ajax 發送請求獲取 PHP 返回的 JSON 數據，并將其解析后展示在控制臺中。此時，我們已經將 JavaScript 和 PHP 兩個語言結合到了一起。

除了使用 Ajax 外，我們還可以將一些可以在兩個語言中共用的函數或變量保存在單獨的文件中，讓 JavaScript 與 PHP 均可使用。下面是一個具體的例子，我們將兩個函數分別保存在名為 "common.php" 的文件中，并讓 JavaScript 和 PHP 都可以訪問。

// common.php 代碼段
function add($num1, $num2) {
return $num1 + $num2;
}
function sub($num1, $num2) {
return $num1 - $num2;
}

// PHP 代碼段，調用 common.php 中的函數
include("common.php");
$result1 = add(1, 2);
$result2 = sub(3, 1);
echo "1 + 2 = " . $result1 . "
";
echo "3 - 1 = " . $result2 . "
";

//JavaScript 代碼段，調用 common.php 中的函數
fetch("common.php")
.then(response =>response.text())
.then(data =>{
eval(data);
console.log("1 + 2 = " + add(1, 2));
console.log("3 - 1 = " + sub(3, 1));
});

在上面的例子中，我們在 "common.php" 文件中定義了兩個函數：add 和 sub。在 PHP 代碼段中，我們使用 include 函數將 "common.php" 文件引入并調用這兩個函數；在 JavaScript 代碼段中，我們使用 fetch 函數獲取 "common.php" 文件，然后使用 eval 函數將其代碼執行并注入到這個頁面中，然后就可以調用 "common.php" 中的函數了。

總結一下，通過使用 Ajax 或者將一些公用函數保存在單獨的文件中，我們可以讓 JavaScript 與 PHP 相互通信，實現兩個語言之間的互操作。相信在實際的 web 開發中，這種技巧一定會幫到我們。