关于js与php互相传值的介绍
程序员文章站
2022-04-24 21:29:43
js是前台的语言，php是后台的语言，初学时会经常出现前后台分不清的情况（我当初就是这样的，现在有时也在犯），我当初的想法是就把前后台当成两个岛，他们是无法跨越的，html...
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：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的值也可传到想要的地方。
上一篇： 深入extjs与php参数交互的详解