在Web開發中，Ajax是一種強大的技術，可以使頁面實現無刷新的數據交互。而當我們點擊按鈕時，利用Ajax來執行PHP代碼，可以為用戶提供更快速、更流暢的體驗。本文將詳細介紹如何通過點擊按鈕執行PHP代碼，并以具體的示例來說明。

假設我們正在開發一個待辦事項列表的應用，當用戶在待辦事項中勾選完成后，我們需要將數據標記為已完成，并更新頁面顯示。下面是一個按鈕的示例代碼：

<button id="completeBtn" onclick="completeTask(1)">完成</button>

在以上代碼中，我們給按鈕定義了一個id為completeBtn，并在點擊時調用了completeTask函數，并傳入了任務的ID（這里傳入的是1，你可以根據實際情況傳入不同的ID）。那么接下來就是實現該函數，使之執行對應的PHP代碼了。

<script>
function completeTask(taskId){
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
// 更新頁面顯示
}
}
xmlhttp.open("GET", "completeTask.php?id=" + taskId, true);
xmlhttp.send();
}
</script>

在以上代碼中，我們創建了一個XMLHttpRequest對象 xmlhttp，并定義了 onreadystatechange 事件，該事件會在請求狀態發生變化時觸發。當 readyState 等于 4，并且 status 等于 200 時，表示請求成功返回，我們可以在該條件下進行相應的處理。在這里，我們可以更新頁面顯示來反映任務的完成狀態。

為了執行對應的PHP代碼，我們使用了open方法傳入了請求的方法（這里是GET）和請求的URL，同時也將任務的ID作為參數傳遞進去。通過send方法發送請求到服務器并接收響應。

<?php
$taskId = $_GET['id'];
// 執行對應的PHP代碼，例如將對應的任務狀態設置為已完成
// 更新數據庫、返回數據等
?>

在服務器端（即completeTask.php文件中），我們可以通過 $_GET 獲取到傳遞過來的任務ID。然后，我們可以進行相應的操作，例如更新數據庫中對應任務的狀態，并返回相應的數據（例如更新后的任務列表）。

通過以上示例，我們可以看到通過點擊按鈕執行PHP代碼是如何實現的。當用戶點擊按鈕后，瀏覽器會異步地向服務器發送請求，服務器根據請求的參數來執行相應的PHP代碼，并返回相應的數據，然后瀏覽器再根據返回的數據來更新頁面顯示，實現了無刷新的交互效果。這樣就可以為用戶提供更快速、更流暢的體驗。

總結來說，通過點擊按鈕執行PHP代碼可以通過Ajax技術來實現。我們需要通過JavaScript來處理按鈕的點擊事件，并使用XMLHttpRequest對象來發送請求并接收響應。在服務器端，我們可以通過相關的代碼來執行對應的PHP代碼，并返回相應的數據。這樣就可以實現無刷新的數據交互，為用戶帶來更好的體驗。