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


Posted in PHP onJune 25, 2013

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的值也可传到想要的地方。
PHP 相关文章推荐
为php4加入动态flash文件的生成的支持
Oct 09 PHP
谨慎使用PHP的引用原因分析
Sep 06 PHP
php下载excel无法打开的解决方法
Dec 24 PHP
解析PHP强制转换类型及远程管理插件的安全隐患
Jun 30 PHP
高性能PHP框架Symfony2经典入门教程
Jul 08 PHP
php常用文件操作函数汇总
Nov 22 PHP
PHP实现算式验证码和汉字验证码实例
Mar 09 PHP
PHP实现将视频转成MP4并获取视频预览图的方法
Mar 12 PHP
php动态生成版权所有信息的方法
Mar 24 PHP
PHP翻页跳转功能实现方法
Nov 30 PHP
php命名空间设计思想、用法与缺点分析
Jul 17 PHP
Yii框架的路由配置方法分析
Sep 09 PHP
探讨:如何使用PhpDocumentor生成文档
Jun 25 #PHP
关于PHPDocument 代码注释规范的总结
Jun 25 #PHP
解析php中获取系统信息的方法
Jun 25 #PHP
解析PHP对现有搜索引擎的调用
Jun 25 #PHP
手把手教你打印出PDF(关于fpdf的简单应用)
Jun 25 #PHP
解析如何修改phpmyadmin中的默认登陆超时时间
Jun 25 #PHP
关于Sphinx创建全文检索的索引介绍
Jun 25 #PHP
You might like
PHP删除HTMl标签的实现代码
2013/06/30 PHP
smarty简单应用实例
2015/11/03 PHP
YII Framework框架教程之使用YIIC快速创建YII应用详解
2016/03/15 PHP
Laravel下生成验证码的类
2017/11/15 PHP
javascript 从if else 到 switch case 再到抽象
2010/07/17 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
2015/12/03 Javascript
jquery选择器中的空格与大于号&gt;、加号+与波浪号~的区别介绍
2016/06/24 Javascript
纯js和css完成贪吃蛇小游戏demo
2016/09/01 Javascript
JS函数多个参数默认值指定方法分析
2016/11/28 Javascript
基于node.js依赖express解析post请求四种数据格式
2017/02/13 Javascript
javascript html5轻松实现拖动功能
2017/03/01 Javascript
基于Vue自定义指令实现按钮级权限控制思路详解
2018/05/23 Javascript
详解Vue取消eslint语法限制
2018/08/04 Javascript
微信小程序左滑删除功能开发案例详解
2018/11/12 Javascript
详解React路由传参方法汇总记录
2020/11/29 Javascript
Python脚本实现格式化css文件
2015/04/08 Python
从Python的源码来解析Python下的freeblock
2015/05/11 Python
Python简单实现enum功能的方法
2016/04/25 Python
tensorflow构建BP神经网络的方法
2018/03/12 Python
通过python的matplotlib包将Tensorflow数据进行可视化的方法
2019/01/09 Python
对python For 循环的三种遍历方式解析
2019/02/01 Python
CSS3实现内凹圆角的实例代码
2017/05/04 HTML / CSS
伦敦新晋轻奢耳饰潮牌:Tada & Toy
2020/05/25 全球购物
保送生自荐信范文
2013/10/06 职场文书
物流专业毕业生推荐信范文
2013/11/18 职场文书
洗煤厂厂长岗位职责
2014/01/03 职场文书
艺术设计专业求职自荐信
2014/05/19 职场文书
大学新闻系自荐书
2014/05/31 职场文书
信息管理专业自荐书
2014/06/05 职场文书
小学三好学生事迹材料
2014/08/15 职场文书
学生无故旷课检讨书
2014/09/20 职场文书
政府个人对照检查材料思想汇报
2014/10/08 职场文书
2016新年晚会开场白
2015/12/03 职场文书
《三国志》赏析
2019/08/27 职场文书
个人职业生涯规划之自我评估篇
2019/09/03 职场文书
golang 如何用反射reflect操作结构体
2021/04/28 Golang