关于js与php互相传值的介绍
更新时间：2013年06月25日 14:13:37 作者：
本篇文章是对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;
?>
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的值也可传到想要的地方。
相关文章
在本篇文章里小编给大家分享了关于PHP与Perl的却别以及相关知识点整理，有兴趣的朋友们学习下。2019-03-03
这篇文章主要介绍了php读取mssql的ntext字段返回值为空的解决方法,可通过修改字段类型或采用adodb组件来解决,具有一定参考借鉴价值,需要的朋友可以参考下2014-12-12![[PHP]实用函数7](//img.jbzj.com/images/xgimg/bcimg2.png)
[PHP]实用函数7...2007-11-11
这篇文章给大家介绍了如何使用php运行python文件,可以使用PHP的exec函数来运行Python文件,exec函数调用系统命令,并返回执行结果,文中有详细的代码示例供大家参考,需要的朋友可以参考下2023-12-12
php出现出现乱码的原因：页面文件的编码方式（.html，.php等）、html.head中指定浏览器的编码方式、MySql数据库传输的编码方式、Apache字符集。2013-10-10
这篇文章主要介绍了PHP单例模式模拟Java Bean实现方法,涉及php面向对象程序设计相关操作技巧,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了PHP实现支持SSL连接的SMTP邮件发送类,实例分析了php实现smtp邮件发送类的原理与技巧,以及支持SSL连接的方法,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了PHP实现的AES 128位加密算法,结合实例形式分析了AES 128位加密的相关概念、原理及php实现AES 128位加密的相关操作技巧,注释中包含详细的说明信息,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了PHP自动重命名文件实现方法,可实现类似Windows命名一样的自动流水编号命名,是非常实用的技巧,需要的朋友可以参考下2014-11-11
这篇文章主要介绍了php数组添加与删除单元的常用函数,实例分析了array_push、array_pop、array_shift及array_unshift等函数的使用技巧,需要的朋友可以参考下2015-02-02
![[PHP]实用函数7](http://img.jbzj.com/images/xgimg/bcimg2.png)
最新评论