jsとphpの相互値転送入門【転載＋独自まとめ】-PHPチュートリアル-php.cn

jsとphpの相互値転送入門【転載＋独自まとめ】

WBOY

リリース： 2016-06-23 13:08:51

オリジナル

919 人が閲覧しました

JS はフロントエンドの言語、PHP はバックエンドの言語です。私が学び始めた当初は、フロントエンドとバックエンドの区別がつかないことがよくありました（私はそうでした）。最初はこのようにしていましたし、今でも時々そうしています)。私の当初のアイデアは、フロントエンドとバックエンドを 2 つの島とみなして、HTML を橋のように見なすことでした。あるアイランドから別のアイランドに変数を転送したい場合は、このブリッジのみを使用できます。
簡単にまとめてみましょう:

1: ファイル 1.php

であると仮定して、HTML の値を JS に転送する方法

<html>             <body>                <form action="1.php" method="post">                     name:<input type="text" name="username" id="username">                    rename:<input type="text" name="username1" id="username1">                    <input type="button" value="submit" on CliCk="get()">               </form>              </body>         </html>

ログイン後にコピー

JS がユーザーが入力した名前を取得したい場合テキストボックスの値、このように書きます

<script language='JavaScript'>function get(){var n=document.getElementById('username').value;alert (n);}</script>

ログイン後にコピー

この場合、JS get() が呼び出されるときに警告ボックスが表示され、中の内容は name の値になります。
2: JS で取得した名前の値を名前変更テキストボックスに戻す場合は、次のように記述します

<script language='JavaScript'> function get() {    var n=document.getElementById('username').value;    document.getElementById("username1").value=n; }</script>

ログイン後にコピー

この場合、以下の get() を呼び出すと、上で入力した名前が自動的に表示されます。価値。

3 、Smarty も使用できます (推奨)。 Smarty は PHP で書かれたテンプレートエンジンで、現在業界で最も有名な PHP テンプレートエンジンの 1 つです。論理コードと外部コンテンツを分離し、元々 HTML コードと混在していた PHP コードを論理的に分離する、管理と使用が簡単な方法を提供します。簡単に言うと、その目的は、PHP プログラマーをフロントエンド担当者から分離し、プログラマーがフロントエンド担当者のページ設計に影響を与えることなくプログラムの論理コンテンツを変更し、フロントエンド担当者が影響を与えずにページを再変更できるようにすることです。プログラムのプログラムロジックこれは、複数人の共同作業を伴うプロジェクトでは特に重要です。百度百科参照: http://baike.baidu.com/link?url=H_UWgGsEuzkSQl_czIkfWPc0pwf9dQc3X-lXUq5l98UYBqr_MrHftQzkdxr6ZnYI87uF2jksgpetTceUOhW-na上記では、HTML ページ内の値であるか、 JS の変数。 PHP を簡単に渡すことができます。もちろん、PHP の値を任意の場所に渡すこともできます。