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

來源:互聯網
上載者:User

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的值也可傳到想要的地方。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。