您当前的位置: 首页 > 网站编程 > PHP教程 > 关于js与php互相传值的介绍

关于js与php互相传值的介绍

作者:不详 来源:网络 发布时间: 2014-08-18 21:37 点击:
JS是前台的语言,PHP是后台的语言,初学时会经常出现前后台分不清的情况(我当初就是这样的,现在有时也在犯),我当初的想法是就把前后台当成两个岛,他们是无法跨越的,HTML就像一座桥,当你想要把一座岛上的变量传到另一个岛上,只有借助于这座桥。 我来做个小小的

关于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的值也可传到想要的地方。
分享到:
本文"关于js与php互相传值的介绍"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 广告合作 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4