关于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 相关文章推荐
Apache设置虚拟WEB
Oct 09 PHP
PHP开发环境配置(MySQL数据库安装图文教程)
Apr 28 PHP
php中serialize序列化与json性能测试的示例分析
Apr 27 PHP
浅谈php扩展imagick
Jun 02 PHP
PHP如何实现Unicode和Utf-8编码相互转换
Jul 29 PHP
php经典算法集锦
Nov 14 PHP
64位windows系统下安装Memcache缓存
Dec 06 PHP
yii使用activeFileField控件实现上传文件与图片的方法
Dec 28 PHP
简单谈谈PHP中strlen 函数
Feb 27 PHP
PHP基于curl后台远程登录正方教务系统的方法
Oct 14 PHP
PHP数组的定义、初始化和数组元素的显示实现代码
Nov 05 PHP
Swoole扩展的6种模式深入详解
Mar 04 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
总集篇&特番节目先行播出!《SAO Alicization War of Underworld》第2季度TV动画4月25日放送!
2020/03/06 日漫
WinXP + Apache +PHP5 + MySQL + phpMyAdmin安装全功略
2006/07/09 PHP
4种PHP异步执行的常用方式
2015/12/24 PHP
yii去掉必填项中星号的方法
2015/12/28 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
从js向Action传中文参数出现乱码问题的解决方法
2013/12/29 Javascript
jquery实现可关闭的倒计时广告特效代码
2015/09/02 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
实例讲解javascript注册事件处理函数
2016/01/09 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
2016/11/21 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
2017/02/23 Javascript
Bootstrap表单简单实现代码
2017/03/06 Javascript
如何使用Bootstrap 按钮实例详解
2017/03/29 Javascript
react-native封装插件swiper的使用方法
2018/03/20 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
2018/09/21 Javascript
Vue2 添加数据可视化支持的方法步骤
2019/01/02 Javascript
Vue组件通信的几种实现方法
2019/04/25 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
2019/08/20 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
使用 Opentype.js 生成字体子集的实例代码详解
2020/05/25 Javascript
在react-antd中弹出层form内容传递给父组件的操作
2020/10/24 Javascript
[52:09]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第二场
2014/05/26 DOTA
[03:08]Ti4观战指南上
2014/07/07 DOTA
django中模板的html自动转意方法
2018/05/27 Python
详解Numpy中的广播原则/机制
2018/09/20 Python
Python中浅拷贝copy与深拷贝deepcopy的简单理解
2018/10/26 Python
python读取ini配置的类封装代码实例
2020/01/08 Python
基于python修改srt字幕的时间轴
2020/02/03 Python
全网首秀之Pycharm十大实用技巧(推荐)
2020/04/27 Python
python语音识别指南终极版(有这一篇足矣)
2020/09/09 Python
匡威帆布鞋美国官网:Converse美国
2016/08/22 全球购物
StubHub中国:购买和出售全球活动门票
2020/01/01 全球购物
四好少年事迹材料
2014/01/12 职场文书
学习党代会心得体会
2014/09/05 职场文书
病人慰问信范文
2015/02/15 职场文书