关于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 empty函数 使用说明
Aug 10 PHP
php 无法加载mcrypt.dll的解决办法
Apr 03 PHP
php启用zlib压缩文件的配置方法
Jun 12 PHP
wordpress自定义url参数实现路由功能的代码示例
Nov 28 PHP
PHP判断指定时间段的2个方法
Mar 14 PHP
php.ini save_handler 修改不生效的解决办法
Jul 22 PHP
php中判断数组相等的方法以及数组运算符介绍
Mar 30 PHP
ThinkPHP实现递归无级分类――代码少
Jul 29 PHP
CMSPRESS 10行代码搞定 PHP无限级分类2
Mar 30 PHP
PHP模糊查询技术实例分析【附源码下载】
Mar 07 PHP
Laravel使用原生sql语句并调用的方法
Oct 09 PHP
PHP中isset、empty的用法与区别示例详解
Nov 05 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
Look And Say 序列php实现代码
2011/05/22 PHP
php设计模式之状态模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
jquery 笔记 事件
2011/11/02 Javascript
JQuery验证工具类搜集整理
2013/01/16 Javascript
Jquery 实现table样式的设定
2015/01/28 Javascript
使用JavaScript刷新网页的方法
2015/06/04 Javascript
jQuery 3.0十大新特性最终版发布
2016/07/14 Javascript
js绘制购物车抛物线动画
2020/11/18 Javascript
jQuery插件ajaxFileUpload异步上传文件
2016/10/19 Javascript
15个非常实用的JavaScript代码片段
2016/12/18 Javascript
解决拦截器对ajax请求的拦截实例详解
2016/12/21 Javascript
JavaScript实现同一个页面打开多张图片
2016/12/29 Javascript
javascript基本常用排序算法解析
2017/09/27 Javascript
JS实现非首屏图片延迟加载的示例
2018/01/06 Javascript
动态内存分配导致影响Javascript性能的问题
2018/12/18 Javascript
vue router 组件的高级应用实例代码
2019/04/08 Javascript
webpack 最佳配置指北(推荐)
2020/01/07 Javascript
vue.js使用v-model实现父子组件间的双向通信示例
2020/02/05 Javascript
小程序开发之模态框组件封装
2020/04/23 Javascript
Node.js API详解之 assert模块用法实例分析
2020/05/26 Javascript
[00:32]2018DOTA2亚洲邀请赛VGJ.T出场
2018/04/03 DOTA
python匹配两个短语之间的字符实例
2018/12/25 Python
详解Python sys.argv使用方法
2019/05/10 Python
python常用库之NumPy和sklearn入门
2019/07/11 Python
python redis连接 有序集合去重的代码
2019/08/04 Python
python可视化篇之流式数据监控的实现
2019/08/07 Python
Python PyPDF2模块安装使用解析
2020/01/19 Python
Windows系统下pycharm中的pip换源
2020/02/23 Python
美国最好的保健品打折网店:Swanson
2017/08/04 全球购物
学习新党章思想汇报
2014/01/09 职场文书
优秀企业获奖感言
2014/02/01 职场文书
赞美老师的演讲稿
2014/05/22 职场文书
催款函范本大全
2015/06/24 职场文书
毕业生自荐求职信书写的技巧
2019/08/26 职场文书
2019年“红色之旅”心得体会1000字(3篇)
2019/09/27 职场文书
用Python将GIF动图分解成多张静态图片
2021/06/11 Python