关于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 相关文章推荐
PHP在XP下IIS和Apache2服务器上的安装
Sep 05 PHP
PHP中将网页导出为Word文档的代码
May 25 PHP
php判断数组中是否存在指定键(key)的方法
Mar 17 PHP
thinkPHP中分页用法实例分析
Dec 26 PHP
yii2中结合gridview如何使用modal弹窗实例代码详解
Jun 12 PHP
Yii统计不同类型邮箱数量的方法
Oct 18 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
Jun 16 PHP
简单实用的PHP文本缓存类实例
Mar 22 PHP
使用PHPWord生成word文档的方法详解
Jun 06 PHP
php设计模式之单例模式用法经典示例分析
Sep 20 PHP
浅谈laravel aliases别名的原理
Oct 24 PHP
php redis setnx分布式锁简单原理解析
Oct 23 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中取得URL的根域名的代码
2011/03/23 PHP
Linux下实现PHP多进程的方法分享
2012/08/16 PHP
php打开文件fopen函数的使用说明
2013/07/05 PHP
php strnatcmp()函数的用法总结
2013/11/27 PHP
PHP输出缓存ob系列函数详解
2014/03/11 PHP
基于PHP实现短信验证码发送次数限制
2020/07/11 PHP
js自带函数备忘 数组
2006/12/29 Javascript
Prototype使用指南之selector.js
2007/01/10 Javascript
一些常用弹出窗口/拖放/异步文件上传等实用代码
2013/01/06 Javascript
javascript删除字符串最后一个字符
2014/01/14 Javascript
js获取当前日期时间及其它操作汇总
2015/04/17 Javascript
chrome不支持form.submit的解决方案
2015/04/28 Javascript
初步认识JavaScript函数库jQuery
2015/06/18 Javascript
javascript冒泡排序小结
2016/04/10 Javascript
AngularJS表单详解及示例代码
2016/08/17 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
2016/12/08 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
2018/03/01 Javascript
使用vue制作探探滑动堆叠组件的实例代码
2018/03/07 Javascript
基于openlayers实现角度测量功能
2020/09/28 Javascript
Vue组件生命周期运行原理解析
2020/11/25 Vue.js
[02:34]DOTA2亚洲邀请赛 BG战队出场宣传片
2015/03/09 DOTA
[02:36]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma 选手采访
2021/03/11 DOTA
python爬取m3u8连接的视频
2018/02/28 Python
Python class的继承方法代码实例
2020/02/14 Python
python实现井字棋小游戏
2020/03/04 Python
新建文件时Pycharm中自动设置头部模板信息的方法
2020/04/17 Python
Tensorflow tf.tile()的用法实例分析
2020/05/22 Python
HTML5 Canvas自定义圆角矩形与虚线示例代码
2013/08/02 HTML / CSS
MAC彩妆英国官网:M·A·C UK
2018/05/30 全球购物
Omio中国:全欧洲低价大巴、火车和航班搜索和比价
2018/08/09 全球购物
美国综合购物商城:UnbeatableSale.com
2018/11/28 全球购物
BIFFI美国站:意大利BIFFI BOUTIQUES豪华多品牌时装零售公司
2020/02/11 全球购物
总经理岗位职责范本
2014/02/02 职场文书
优秀教师感人事迹材料
2014/05/04 职场文书
俞敏洪一分钟演讲稿
2014/08/26 职场文书
六一儿童节致辞
2015/07/31 职场文书