萬盛學電腦網

 萬盛學電腦網 >> 網絡編程 >> php編程 >> 關於js與php互相傳值的介紹

關於js與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;
?>


copyright © 萬盛學電腦網 all rights reserved