關於js與php互相傳值的介紹【轉載+自身總結】

時間 2019-11-17

原文原文鏈接

　　JS是前臺的語言，PHP是後臺的語言，初學時會常常出現先後臺分不清的狀況（我當初就是這樣的，如今有時也在犯），我當初的想法是就把先後臺當成兩個島，他們是沒法跨越的，HTML就像一座橋，當你想要把一座島上的變量傳到另外一個島上，只有藉助於這座橋。
我來作個小小的總結吧：php

1：HTML中的值如何傳到JS,下面假設是文件1.php
html

<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假如想取文本框中用戶輸入的name值，這樣寫前端

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

這樣的話在有調用JS get()時就會彈出警示框，裏面的內容就是name的值。
2:假如說JS中的這個取到的name值要傳回rename的文本框中，這樣寫
程序員

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

這樣的話在下面調用get()就會自動顯示你上面name輸入的值。post

3：PHP中取頁面的值
這個我想你們都會了吧url

<?php
$name=$_REQUEST["username"];
echo $name;
?>

4：PHP的值傳回頁面
在HTML中插入PHP語言，能夠調用PHP中變量的值，也可用Smarty（推薦）。Smarty是一個使用PHP寫出來的模板引擎，是目前業界最著名的PHP模板引擎之一。它分離了邏輯代碼和外在的內容，提供了一種易於管理和使用的方法，用來將本來與HTML代碼混雜在一塊兒PHP代碼邏輯分離。簡單的講，目的就是要使PHP程序員同前端人員分離，使程序員改變程序的邏輯內容不會影響到前端人員的頁面設計，前端人員從新修改頁面不會影響到程序的程序邏輯，這在多人合做的項目中顯的尤其重要。參考百度百科：http://baike.baidu.com/link?url=H_UWgGsEuzkSQl_czIkfWPc0pwf9dQc3X-lXUq5l98UYBqr_MrHftQzkdxr6ZnYI87uF2jksgpetTceUOhW-na
有了以上這些，無論是HTML頁面裏的值仍是JS中變量的值，均可以輕鬆的傳入PHP，固然，PHP的值也可傳到想要的地方。spa