PHP與前端數據交互方式

PHP與前端數據的交互主要通過HTTP請求和響應來實現。這種交互可以通過表單提交、AJAX請求、JSON數據格式等方式進行。以下是幾種常見的數據交互方式：

1. 表單提交：用戶在前端填寫表單信息，通過提交按鈕將數據發送到后端的PHP腳本進行處理。PHP腳本接收表單數據，進行處理后將結果返回給前端。

示例：

<!-- HTML表單 -->
<form action="process_form.php" method="post">
  <input type="text" name="username" placeholder="Username">
  <input type="password" name="password" placeholder="Password">
  <input type="submit" value="Submit">
</form>

// process_form.php
<?php
$username = $_POST['username'];
$password = $_POST['password'];
// 處理數據，如驗證用戶名和密碼
echo "Username: " . $username . ", Password: " . $password;
?>

2. AJAX請求：使用JavaScript發起異步HTTP請求，將數據發送到后端的PHP腳本進行處理。PHP腳本處理完數據后，將結果返回給前端，前端再根據結果更新頁面內容。

示例：

<!-- HTML -->
<button onclick="fetchData()">Fetch Data</button>
<div id="result"></div>

<script>
function fetchData() {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      document.getElementById("result").innerHTML = xhr.responseText;
    }
  };
  xhr.open("GET", "fetch_data.php", true);
  xhr.send();
}
</script>

// fetch_data.php
<?php
// 處理數據，如從數據庫獲取數據
$data = array("item1", "item2", "item3");
echo json_encode($data);
?>

3. JSON數據格式：PHP腳本處理完數據后，可以將結果以JSON格式返回給前端。前端接收到JSON數據后，可以使用JavaScript進行解析和處理。

示例：

// process_data.php
<?php
$data = array("item1", "item2", "item3");
header('Content-Type: application/json');
echo json_encode($data);
?>

// 前端JavaScript代碼
fetch('process_data.php')
  .then(response => response.json())
  .then(data => {
    console.log(data); // 處理JSON數據
  });

這些是PHP與前端數據交互的一些常見方式。根據實際需求和應用場景，可以選擇合適的方式進行數據交互。