關(guān)于js與php互相傳值的介紹
更新時(shí)間:2013年06月25日 14:13:37 作者:
本篇文章是對(duì)js與php互相傳值的問(wèn)題進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下
JS是前臺(tái)的語(yǔ)言,PHP是后臺(tái)的語(yǔ)言,初學(xué)時(shí)會(huì)經(jīng)常出現(xiàn)前后臺(tái)分不清的情況(我當(dāng)初就是這樣的,現(xiàn)在有時(shí)也在犯),我當(dāng)初的想法是就把前后臺(tái)當(dāng)成兩個(gè)島,他們是無(wú)法跨越的,HTML就像一座橋,當(dāng)你想要把一座島上的變量傳到另一個(gè)島上,只有借助于這座橋。
我來(lái)做個(gè)小小的總結(jié)吧:
1:HTML中的值如何傳到JS,下面假設(shè)是文件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值,這樣寫(xiě)
<script language='JavaScript'>
function get()
{
var n=document.getElementById('username').value;
alert (n);
}</script>
這樣的話在有調(diào)用JS get()時(shí)就會(huì)彈出警示框,里面的內(nèi)容就是name的值。
2:假如說(shuō)JS中的這個(gè)取到的name值要傳回rename的文本框中,這樣寫(xiě)
<script language='JavaScript'>
function get()
{
var n=document.getElementById('username').value;
document.getElementById("username1").value=n;
}</script>
這樣的話在下面調(diào)用get()就會(huì)自動(dòng)顯示你上面name輸入的值。
3:PHP中取頁(yè)面的值
這個(gè)我想大家都會(huì)了吧
<?php
$name=$_REQUEST["username"];
echo $name;
?>
4:PHP的值傳回頁(yè)面
在HTML中插入PHP語(yǔ)言,可以調(diào)用PHP中變量的值,也可用Smarty(推薦)。
有了以上這些,不管是HTML頁(yè)面里的值還是JS中變量的值,都可以輕松的傳入PHP,當(dāng)然,PHP的值也可傳到想要的地方。
我來(lái)做個(gè)小小的總結(jié)吧:
1:HTML中的值如何傳到JS,下面假設(shè)是文件1.php
復(fù)制代碼 代碼如下:
<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值,這樣寫(xiě)
復(fù)制代碼 代碼如下:
<script language='JavaScript'>
function get()
{
var n=document.getElementById('username').value;
alert (n);
}</script>
這樣的話在有調(diào)用JS get()時(shí)就會(huì)彈出警示框,里面的內(nèi)容就是name的值。
2:假如說(shuō)JS中的這個(gè)取到的name值要傳回rename的文本框中,這樣寫(xiě)
復(fù)制代碼 代碼如下:
<script language='JavaScript'>
function get()
{
var n=document.getElementById('username').value;
document.getElementById("username1").value=n;
}</script>
這樣的話在下面調(diào)用get()就會(huì)自動(dòng)顯示你上面name輸入的值。
3:PHP中取頁(yè)面的值
這個(gè)我想大家都會(huì)了吧
復(fù)制代碼 代碼如下:
<?php
$name=$_REQUEST["username"];
echo $name;
?>
4:PHP的值傳回頁(yè)面
在HTML中插入PHP語(yǔ)言,可以調(diào)用PHP中變量的值,也可用Smarty(推薦)。
有了以上這些,不管是HTML頁(yè)面里的值還是JS中變量的值,都可以輕松的傳入PHP,當(dāng)然,PHP的值也可傳到想要的地方。
您可能感興趣的文章:
- ThinkPHP中url隱藏入口文件后接收alipay傳值的方法
- php引用傳值實(shí)例詳解學(xué)習(xí)
- PHP HTML JavaScript MySQL代碼如何互相傳值的方法分享
- php 傳值賦值與引用賦值的區(qū)別
- 保證JavaScript和Asp、Php等后端程序間傳值編碼統(tǒng)一
- php下通過(guò)POST還是GET來(lái)傳值
- thinkphp驗(yàn)證碼的實(shí)現(xiàn)(form、ajax實(shí)現(xiàn)驗(yàn)證)
- Ajax提交表單時(shí)驗(yàn)證碼自動(dòng)驗(yàn)證 php后端驗(yàn)證碼檢測(cè)
- PHP+Ajax驗(yàn)證碼驗(yàn)證用戶登錄
- php+ajax注冊(cè)實(shí)時(shí)驗(yàn)證功能
- php傳值方式和ajax的驗(yàn)證功能
相關(guān)文章
教你如何在CI框架中使用 .htaccess 隱藏url中index.php
CodeIgniter(以下簡(jiǎn)稱"CI")是一款國(guó)外優(yōu)秀的PHP輕量級(jí)MVC框架,它支持PHP4和PHP5,是開(kāi)發(fā)中小型可拓展性需求高的Web應(yīng)用程序的利器。很多博客程序,開(kāi)源的cms程序,都是采用CI進(jìn)行的編寫(xiě)。2014-06-06PHP基于自定義函數(shù)實(shí)現(xiàn)的漢字轉(zhuǎn)拼音功能實(shí)例
這篇文章主要介紹了PHP基于自定義函數(shù)實(shí)現(xiàn)的漢字轉(zhuǎn)拼音功能,涉及php表單及字符串編碼轉(zhuǎn)換、遍歷等相關(guān)操作技巧,需要的朋友可以參考下2017-09-09PHP連接操作access數(shù)據(jù)庫(kù)實(shí)例
這篇文章主要介紹了PHP連接操作access數(shù)據(jù)庫(kù)實(shí)例,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-03-03詳解PHP版本兼容之openssl調(diào)用參數(shù)
這篇文章給大家分享了PHP版本兼容之openssl調(diào)用參數(shù)的詳細(xì)說(shuō)明,有興趣的朋友參考學(xué)習(xí)下。2018-07-07php實(shí)現(xiàn)mysql連接池效果實(shí)現(xiàn)代碼
這篇文章主要介紹了php代碼實(shí)現(xiàn)mysql連接池效果,需要的朋友可以參考下2018-01-01