关于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中使用模板的方法
May 24 PHP
PHP中对缓冲区的控制实现代码
Sep 29 PHP
php中session过期时间设置及session回收机制介绍
May 05 PHP
19个Android常用工具类汇总
Dec 30 PHP
Laravel 5框架学习之表单
Apr 08 PHP
PHP实现通过正则表达式替换回调的内容标签
Jun 15 PHP
PHP中把错误日志保存在系统日志中(Windows系统)
Jun 23 PHP
PHP中的多种加密技术及代码示例解析
Oct 20 PHP
php获取linux命令结果的实例
Mar 13 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
Jun 16 PHP
php实现的数组转xml案例分析
Sep 28 PHP
PHP7 标准库修改
Mar 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
打造计数器DIY三步曲(下)
2006/10/09 PHP
PHP 分页类(模仿google)-面试题目解答
2009/09/13 PHP
PHP中空字符串介绍0、null、empty和false之间的关系
2012/09/25 PHP
PHP中使用php5-ffmpeg撷取视频图片实例
2015/01/07 PHP
PHP扩展Memcache分布式部署方案
2015/12/06 PHP
WordPress中用于更新伪静态规则的PHP代码实例讲解
2015/12/18 PHP
在WordPress中使用wp_count_posts函数来统计文章数量
2016/01/05 PHP
PHP实现数组的笛卡尔积运算示例
2017/12/15 PHP
Firefox getBoxObjectFor getBoundingClientRect联系
2008/10/26 Javascript
写js时遇到的一些小问题
2010/12/06 Javascript
A标签触发onclick事件而不跳转的多种解决方法
2013/06/27 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
2014/04/16 Javascript
JavaScript将数字转换成大写中文的方法
2015/03/23 Javascript
jquery实现图片随机排列的方法
2015/05/04 Javascript
jquery实现邮箱自动填充提示功能
2015/11/17 Javascript
jQuery实现的瀑布流加载效果示例
2016/09/13 Javascript
js实现的在线调色板功能完整实例
2016/12/21 Javascript
angularJs的ng-class切换class
2017/06/23 Javascript
Vue 项目代理设置的优化
2018/04/17 Javascript
javascript+css实现俄罗斯方块小游戏
2020/06/28 Javascript
使用Python脚本操作MongoDB的教程
2015/04/16 Python
Python排序搜索基本算法之冒泡排序实例分析
2017/12/09 Python
详解django的serializer序列化model几种方法
2018/10/16 Python
Python 实现国产SM3加密算法的示例代码
2020/09/21 Python
python 如何区分return和yield
2020/09/22 Python
django inspectdb 操作已有数据库数据的使用步骤
2021/02/07 Python
Origins悦木之源英国官网:雅诗兰黛集团高端植物护肤品牌
2017/11/06 全球购物
个人找工作求职简历的自我评价
2013/10/20 职场文书
幼儿园大班新学期寄语
2014/01/18 职场文书
师范学院教师自荐书
2014/01/31 职场文书
创业资金计划书
2014/02/06 职场文书
室内拓展活动方案
2014/02/13 职场文书
数据保密承诺书
2014/06/03 职场文书
2015年高校就业工作总结
2015/05/04 职场文书
小学运动会宣传稿
2015/07/23 职场文书
优秀党员先进事迹材料2016
2016/02/29 职场文书