程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> PHP綜合 >> 關於js與php互相傳值的介紹

關於js與php互相傳值的介紹

編輯:PHP綜合
JS是前台的語言,PHP是後台的語言,初學時會經常出現前後台分不清的情況(我當初就是這樣的,現在有時也在犯),我當初的想法是就把前後台當成兩個島,他們是無法跨越的,HTML就像一座橋,當你想要把一座島上的變量傳到另一個島上,只有借助於這座橋。
我來做個小小的總結吧:
1:HTML中的值如何傳到JS,下面假設是文件1.php
復制代碼 代碼如下:
<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輸入的值。
3:PHP中取頁面的值
這個我想大家都會了吧
復制代碼 代碼如下:
<?php
$name=$_REQUEST["username"];
echo $name;
?>

4:PHP的值傳回頁面
在HTML中插入PHP語言,可以調用PHP中變量的值,也可用Smarty(推薦)。
有了以上這些,不管是HTML頁面裡的值還是JS中變量的值,都可以輕松的傳入PHP,當然,PHP的值也可傳到想要的地方。
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved