クライアントサイドプログラミングとサーバーサイドプログラミングの違いは何ですか? 質問する

Question

コードは、サーバー側とクライアント側という完全に別々の 2 つの部分に分割されます。

                    |
               ---------->
              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呼び出しでは何も起こりませんでした。単に「 + foo + 」がファイルに書き込まれただけです。<?php echo 42; ?>呼び出しの結果は「42」という出力で、これは以前そのコードがあった場所にあります。

結果として得られた HTML/JavaScript コードはクライアントに送信され、評価されます。呼び出しalertは機能しますが、foo変数はどこにも使用されません。

すべての PHP コードは、クライアントが JavaScript の実行を開始する前にサーバー上で実行されます。応答には、JavaScript が対話できる PHP コードは残っていません。

PHP コードを呼び出すには、クライアントはサーバーに新しい HTTP リクエストを送信する必要があります。これは、次の 3 つの方法のいずれかを使用して実行できます。

ブラウザに新しいページを読み込むリンク。
フォーム送信。データをサーバーに送信し、新しいページを読み込みます。
アンアヤックスrequest は、現在のページを離れずに、サーバーに通常の HTTP リクエスト (1. および 2. と同様) を送信する JavaScript テクニックです。

これらの方法をより詳しく説明した質問があります

また、JavaScript を使用して、可能性 1 と 2 をエミュレートし、ブラウザでフォームを使用して新しいページを開いたりwindow.location、フォームを送信したりすることもできます。

Answer 1