關于js與php互相傳值的介紹
更新時間:2013年06月25日 14:13:37 作者:
本篇文章是對js與php互相傳值的問題進行了詳細的分析介紹,需要的朋友參考下
JS是前臺的語言,PHP是后臺的語言,初學時會經(jīng)常出現(xiàn)前后臺分不清的情況(我當初就是這樣的,現(xiàn)在有時也在犯),我當初的想法是就把前后臺當成兩個島,他們是無法跨越的,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: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的值也可傳到想要的地方。
相關文章
教你如何在CI框架中使用 .htaccess 隱藏url中index.php
CodeIgniter(以下簡稱"CI")是一款國外優(yōu)秀的PHP輕量級MVC框架,它支持PHP4和PHP5,是開發(fā)中小型可拓展性需求高的Web應用程序的利器。很多博客程序,開源的cms程序,都是采用CI進行的編寫。2014-06-06PHP基于自定義函數(shù)實現(xiàn)的漢字轉拼音功能實例
這篇文章主要介紹了PHP基于自定義函數(shù)實現(xiàn)的漢字轉拼音功能,涉及php表單及字符串編碼轉換、遍歷等相關操作技巧,需要的朋友可以參考下2017-09-09php實現(xiàn)mysql連接池效果實現(xiàn)代碼
這篇文章主要介紹了php代碼實現(xiàn)mysql連接池效果,需要的朋友可以參考下2018-01-01