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

515
deceze 2012-12-13 03:03.

私はこのコードを持っています:

<script type="text/javascript">
    var foo = 'bar';
    <?php
        file_put_contents('foo.txt', ' + foo + ');
    ?>

    var baz = <?php echo 42; ?>;
    alert(baz);
</script>

これがテキストファイルに「bar」を書き込まないのに、「42」を警告するのはなぜですか?


注意:この質問の以前の改訂は、サーバー上のPHPとクライアント上のJavaScriptに関するものでした。問題と解決策の本質的な性質は、一方がクライアントで実行され、もう一方がサーバーで実行されている場合、言語のどのペアで同じです(同じ言語であっても)。特定の言語について話している回答を見つけたら、これを考慮に入れてください。

4 answers

480
deceze 2012-12-13 03:03.

コードは、サーバー側クライアント側の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つの方法のいずれかを使用して発生する可能性があります。

  1. ブラウザに新しいページをロードさせるリンク。
  2. サーバーにデータを送信し、新しいページをロードするフォーム送信。
  3. AJAXのJavaScriptの技術をある要求は、(1および2意志のような)が、現在のページを離れることなく、サーバーに通常のHTTP要求を行います。

PHPからJavaScriptに変数とデータを渡すにはどうすればよいですか?

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

171
NullPoiиteя 2013-07-02 01:52.

PHPコードがJavaScriptコードで機能しない理由を判断するには、クライアント側サーバー側の言語とは何か、およびそれらがどのように機能するかを理解する必要があります

サーバーサイド言語(PHPなど):データベースからレコードを取得し、ステートレスHTTP接続を介して状態を維持し、セキュリティを必要とする多くのことを実行します。これらはサーバー上にあり、これらのプログラムのソースコードがユーザーに公開されることはありません。

画像属性

したがって、サーバー側の言語がHTTPリクエストを処理して処理することが簡単にわかります。また、@ decezeが言ったように、PHPはサーバー上で実行され、HTMLとJavaScriptコードを出力します。これは、クライアントへの応答として送信されます。 HTMLが解釈され、JavaScriptが実行されます。

一方、クライアント側言語(JavaScriptなど)はブラウザーに常駐し、ブラウザーで実行されます。クライアントサイドスクリプトは、一般に、サーバーサイドではなく、ユーザーのWebブラウザによってクライアントサイドで実行されるWeb上のコンピュータプログラムのクラスを指します

JavaScriptはユーザーに表示され、簡単に変更できるため、セキュリティのためにJavaScriptに依存してはなりません。

そのため、サーバーでHTTPリクエストを行うと、サーバーは最初にPHPファイルを注意深く読み取り、実行する必要のあるタスクがあるかどうかを確認してから、クライアント側に応答を送信します。繰り返しになりますが、@ decezeが言ったように、* PHPが応答の出力を終了すると、スクリプトは終了し、新しいHTTPリクエストが着信するまでサーバー上で何も起こりません。*

画像ソース

では、PHPを呼び出す必要がある場合はどうすればよいですか?それはあなたがそれをする必要がある方法に依存します:ページをリロードするか、AJAX呼び出しを使用することによって。

  1. これを行うには、ページをリロードしてHTTPリクエストを送信します
  2. JavaScriptを使用してAJAX呼び出しを行うことができます-これはページをリロードする必要はありません

良い読み物:

  1. ウィキペディア:サーバーサイドスクリプト
  2. ウィキペディア:クライアント側のスクリプト
  3. うちはマダラ:クライアント側とサーバー側のプログラミングの違い
31
NitayArt 2012-12-13 03:46.

Javascriptは、サーバーではなくクライアントで実行されます。これはfoo、サーバー側で評価されないため、その値をサーバー上のファイルに書き込むことができないことを意味します。

このプロセスについて考える最良の方法は、テキストファイルを動的に生成しているように考えることです。生成しているテキストは、ブラウザが解釈した後にのみ実行可能コードになります。<?phpタグの間に配置したものだけがサーバーで評価されます。

ちなみに、PHPロジックのランダムな部分をHTMLまたはJavascriptに埋め込む習慣をつけると、コードが非常に複雑になる可能性があります。私は辛い経験から話します。

2
chandrashekar.n 2016-07-13 23:26.

Webアプリケーションでは、すべてのタスクが要求と応答の方法で実行されます。

クライアント側のプログラミングは、Javaスクリプトとそのフレームワークを備えたhtmlコードを使用して行われ、ライブラリはInternet Explorer、Mozilla、Chromeブラウザで実行されます。Javaシナリオでは、サーバーサイドプログラミングサーブレットはTomcat、web-logic、j boss、WebSphereサーバーで実行されます。

Related questions

MORE COOL STUFF

ケイト・ブランシェットは3日間一緒に夫と一緒に寝て、25年経ってもまだ夫と結婚しています

ケイト・ブランシェットは3日間一緒に夫と一緒に寝て、25年経ってもまだ夫と結婚しています

ケイト・ブランシェットは、夫に会ったとき、典型的な交際のアドバイスに逆らいました。

マイケルシーンが非営利の俳優である理由

マイケルシーンが非営利の俳優である理由

マイケルシーンは非営利の俳優ですが、それは正確にはどういう意味ですか?

ホールマークスターのコリンエッグレスフィールドがRomaDramaLiveでスリル満点のファンと出会う![エクスクルーシブ]

ホールマークスターのコリンエッグレスフィールドがRomaDramaLiveでスリル満点のファンと出会う![エクスクルーシブ]

特徴的なスターのコリン・エッグレスフィールドは、RomaDrama Liveでのスリル満点のファンとの出会いについて料理しました!加えて、大会での彼のINSPIREプログラム。

「たどりつけば」をオンラインでストリーミングできない理由

「たどりつけば」をオンラインでストリーミングできない理由

ノーザンエクスポージャーが90年代の最も人気のある番組の1つになった理由を確認するには、Blu-rayまたはDVDプレーヤーをほこりで払う必要があります。

バイオニック読書はあなたをより速く読むことができますか?

バイオニック読書はあなたをより速く読むことができますか?

BionicReadingアプリの人気が爆発的に高まっています。しかし、それは本当にあなたを速読術にすることができますか?

ドミニカのボイリング湖:アクセスは簡単ではありませんが、ハイキングする価値があります

ドミニカのボイリング湖:アクセスは簡単ではありませんが、ハイキングする価値があります

ドミニカのボイリング湖は、世界で2番目に大きいボイリング湖です。そこにたどり着くまでのトレッキングは大変で長いですが、努力する価値は十分にあります。

私たちの水をきれいに保つのを助けるためにあなたの髪を寄付してください

私たちの水をきれいに保つのを助けるためにあなたの髪を寄付してください

サロンからのヘアトリミングや個人的な寄付は、油流出を吸収して環境を保護するのに役立つマットとして再利用できます。

ホワイトハウスの最も記憶に残る結婚式を見てください

ホワイトハウスの最も記憶に残る結婚式を見てください

過去200年以上の間にホワイトハウスで結婚したのはほんの数人です。彼らは誰でしたか、そしてそこで結婚式を獲得するために何が必要ですか?

今週のコミックコンですべての素晴らしいものに追いつく方法

今週のコミックコンですべての素晴らしいものに追いつく方法

サンディエゴコミックコンは今週開幕し、オタクのアナウンス、ポスター、予告編、お気に入りの番組や映画のからかいでいっぱいになります。SDCCは、コンベンションフロア全体の多くのパネルで行われているため、すべてに対応するのは難しい場合があります。

Googleの9千万ドルの和解はアプリ開発者にとってもGoogleにとっても勝利ですか?

Googleの9千万ドルの和解はアプリ開発者にとってもGoogleにとっても勝利ですか?

小さなアプリ開発者は金曜日に発表された法的な和解でグーグルから9千万ドルをこじ開けた。アップルとの同様の合意に続いて熱くなった。金曜日のブログ投稿で、Googleは、Androidメーカーが市場での優位性を悪用してPlayストア経由でのアプリ内購入に対して30%の料金を不当に請求したと主張するアプリ開発者との訴訟を解決するために、9千万ドルを支払うことに合意したと述べました。

RadioShackのTwitterはハッキングされていませんでした、それはただの暗号のサクラです

RadioShackのTwitterはハッキングされていませんでした、それはただの暗号のサクラです

今週、RadioShackのTwitterアカウントは、奇妙なものから完全にひどいものになりました。短い順序で、会社のフィード全体が、バイブレーター、「ビッグティット」(スペルミス)、有名人やその他の企業アカウントを荒らしているツイートなど、NSFW素材の真の山になりました。

ヒッグス粒子から10年後、物理学にとって次の大きなものは何ですか?

ヒッグス粒子から10年後、物理学にとって次の大きなものは何ですか?

大型ハドロン衝突型加速器のトンネル内にあるコンパクトミュオンソレノイド(CMS)検出器。2012年7月4日、CERNの科学者たちは、1960年代に最初に提案された素粒子であるヒッグス粒子の観測を確認しました。

Zendaya Wishes Boyfriend Tom Holland Happy Birthday with Cuddly Photo: He 'Makes Me the Happiest'

Zendaya Wishes Boyfriend Tom Holland Happy Birthday with Cuddly Photo: He 'Makes Me the Happiest'

Zendaya shared a sweet photo in honor of boyfriend Tom Holland's 26th birthday Wednesday

小さな女性:脳卒中を患った後に病院から解放されたアトランタのジューシーな赤ちゃん:「まだ癒し」

小さな女性:脳卒中を患った後に病院から解放されたアトランタのジューシーな赤ちゃん:「まだ癒し」

シーレン「Ms.JuicyBaby」ピアソンは、先月脳卒中で入院した後、「もう一度たくさんのことをする方法を学ばなければならない」ため、言語療法を受けていることを明らかにしました。

エマストーンは彼女のクリフサイドマリブビーチハウスを420万ドルでリストアップしています—中を見てください!

エマストーンは彼女のクリフサイドマリブビーチハウスを420万ドルでリストアップしています—中を見てください!

オスカー受賞者の世紀半ばの家には、3つのベッドルーム、2つのバス、オーシャンフロントの景色があります。

ジーニー・メイ・ジェンキンスは、母乳育児の経験の中で、彼女は「本当に、本当に落ち込んでいる」と言います

ジーニー・メイ・ジェンキンスは、母乳育児の経験の中で、彼女は「本当に、本当に落ち込んでいる」と言います

ジーニー・メイ・ジェンキンスは、生後4か月の娘、モナコに母乳育児をしていると語った。

Un breve viaje espacial sobre conceptualizar el diseño

Complicarse la vida, mezclar churros con meninas (nada de ovejas) y encontrar valor en un trastero que adquiriste en una puja.

Un breve viaje espacial sobre conceptualizar el diseño

Bien. Hay un momento en toda salida al espacio exterior en el que de la tensión, la velocidad y las altas temperaturas derivadas del cruce de estratosfera a ionosfera se pasa a un momento de súbita calma, donde se despliega la vista completa del paisaje espacial que nos rodea.

Seguindo Todos os Protocolos (2022), de Fábio Leal

Seguindo Todos os Protocolos (2022), de Fábio Leal

Chico quer transar. Até aí, tudo bem.

多元宇宙—Junø

多元宇宙—Junø

チェーン間アカウントがJunoに登場します。異なるブロックチェーン間でスマートコントラクトの構成可能性と真の相互運用性を提供します。

#brand【ベター・コール・ソール!アメリカのテレビシリーズ「ブレイキング・バッド」に最高のビジネス例が隠されている】・・・ルールクリエイティブ

#brand【ベター・コール・ソール!アメリカのテレビシリーズ「ブレイキング・バッド」に最高のビジネス例が隠されている】・・・ルールクリエイティブ

1.ドラマを見た後、起業する考えはありますか?あなたのビジネスはボトルネックに遭遇しましたか?方向性がなくてわからない場合は、ドラマを追いかけて行くことを心からお勧めします。(?)ブラフではなく、最も完璧なビジネス例を隠すドラマがあります。2.ブレイキング・バッドとその弁護士ドラマ「ブレイキング・バッド」を見た友人たちは、演劇の中で、穏やかな表情で、弁護士のソウル・グッドマンに深く感銘を受けなければなりません。口を開けて、感覚の弱い傭兵の性格を持っています。道徳の面で、サル・グッドマンは無意識のうちに劇に欠かせない役割を果たし、彼自身のシリーズ「絶望的な弁護士」(ベター・コール・ソール)を生み出しました。ウェントウのテキストとビデオは、劇中のソウル・グッドマンのテレビコマーシャルです。製品(サービス)、競争戦略、市場ポジショニング、ブランド名、ターゲット顧客グループ、コミュニケーション軸から広告まで、サル・グッドマンの役割のビジネス設定は、「最低」と見なすことができる超超超超超超完全です。ブランドコミュニケーションのコスト」「変化」のモデル。なぜ?私の分析をご覧ください。3.ソウル・グッドマンの「事業戦略」1.基本情報ブランド名:Saul Goodman製品:法律相談サービス対象顧客:麻薬中毒、飲酒運転、事故など。法律知識の欠如は、一般的に公立弁護士にしか余裕がなく、真面目な弁護士も「特別な法律を持つ消費者」を避けます。恐れてはいけない「​​ニーズ」。コミュニケーションの主軸:この国のすべての男性、女性、子供は有罪判決を受けるまで無実だと思います。地域:アルバカーキ市スローガン:Thrallに電話したほうがいいです!(ベター・コール・ソール)広告:2つの可能性のある犯罪状況をシミュレートします+サウルの主張+サウルのスローガン2をより適切に呼び出します。

Language