程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
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