您的代碼分為兩個完全獨立的部分，即服務器端和客戶端。
|
---------->
HTTP request
|
+--------------+ | +--------------+
| | | | |
| browser | | | web server |
| (JavaScript) | | | (PHP etc.) |
| | | | |
+--------------+ | +--------------+
|
client side | server side
|
<----------
HTML, CSS, JavaScript
|
雙方通過HTTP請求和響應進行通信。PHP在服務器上執行并輸出一些HTML和JavaScript代碼，這些代碼作為響應發送到解釋HTML并執行JavaScript的客戶端。一旦PHP完成輸出響應，腳本就會結束，在新的HTTP請求進入之前，服務器上什么都不會發生。
示例代碼執行如下：
<script type="text/javascript">
var foo = 'bar';
<?php
file_put_contents('foo.txt', ' + foo + ');
?>
var baz = <?php echo 42; ?>;
alert(baz);
</script>
第1步，PHP執行<?php ?>標記之間的所有代碼。結果是這樣的：
<script type="text/javascript">
var foo = 'bar';
var baz = 42;
alert(baz);
</script>
該file_put_contents呼叫并沒有導致任何東西，它只是寫了“+富+”到文件中。該<?php echo 42; ?>調用導致輸出“42”，現在該代碼曾經是該代碼的位置。
生成的HTML / JavaScript代碼現在發送到客戶端，在那里進行評估。該alert呼叫工作，而foo變量沒有任何地方使用。
在客戶端甚至開始執行任何JavaScript之前，所有PHP代碼都在服務器上執行。JavaScript可以與之交互的響應中沒有任何PHP代碼。
要調用某些PHP代碼，客戶端必須向服務器發送新的HTTP請求。這可以通過三種可能的方法之一發生：
一個鏈接，導致瀏覽器加載新頁面。
表單提交，將數據提交到服務器并加載新頁面。
一個AJAX請求，它是一種Javascript技術，可以向服務器發出常規HTTP請求（如1.和2.將），但不會離開當前頁面。
這是一個更詳細地概述這些方法的問題
您還可以使用JavaScript使瀏覽器使用window.location或提交表單打開新頁面，模擬可能性1.和2。
