关于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(三)
Mar 22 PHP
2014过年倒计时示例
Jan 31 PHP
PHP中比较两个字符串找出第一个不同字符位置例子
Apr 08 PHP
smarty模板引擎中变量及变量修饰器用法实例
Jan 22 PHP
基于PHP后台的Android新闻浏览客户端
May 23 PHP
浅析PHP中的i++与++i的区别及效率
Jun 15 PHP
PHP微信开发之模板消息回复
Jun 24 PHP
PHP Callable强制指定回调类型的方法
Aug 30 PHP
PHP实现导出excel数据的类库用法示例
Oct 15 PHP
php each 返回数组中当前的键值对并将数组指针向前移动一步实例
Nov 22 PHP
Zend Framework入门教程之Zend_Session会话操作详解
Dec 08 PHP
php+webSoket实现聊天室示例代码(附源码)
Feb 17 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
记录mysql性能查询过程的使用方法
2013/05/02 PHP
解析strtr函数的效率问题
2013/06/26 PHP
php多任务程序实例解析
2014/07/19 PHP
typecho插件编写教程(四):插件挂载
2015/05/28 PHP
PHP线程的内存回收问题
2016/07/08 PHP
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
2009/09/15 Javascript
js对数字的格式化使用说明
2011/01/12 Javascript
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
2012/06/22 Javascript
分享Javascript中最常用的55个经典小技巧
2013/11/29 Javascript
Javascript 按位取反运算符 (~)
2014/02/04 Javascript
jquery Ajax 实现加载数据前动画效果的示例代码
2014/02/07 Javascript
极易被忽视的javascript面试题七问七答
2016/02/15 Javascript
Knockout结合Bootstrap创建动态UI实现产品列表管理
2016/09/14 Javascript
完美解决IE不支持Data.parse()的问题
2016/11/24 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
2016/12/01 Javascript
jQuery实现ajax无刷新分页页码控件
2017/02/28 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
2017/04/28 Javascript
详解Vue使用命令行搭建单页面应用
2017/05/24 Javascript
vue+mockjs模拟数据实现前后端分离开发的实例代码
2017/08/08 Javascript
一秒学会微信小程序制作table表格
2019/02/14 Javascript
使用koa2创建web项目的方法步骤
2019/03/12 Javascript
详解Vue中组件的缓存
2019/04/20 Javascript
python实现去除下载电影和电视剧文件名中的多余字符的方法
2014/09/23 Python
pyqt5 实现 下拉菜单 + 打开文件的示例代码
2019/06/20 Python
pytorch构建多模型实例
2020/01/15 Python
Python基于QQ邮箱实现SSL发送
2020/04/26 Python
如何用Anaconda搭建虚拟环境并创建Django项目
2020/08/02 Python
python进度条显示之tqmd模块
2020/08/22 Python
深入解读CSS3中transform变换模型的渲染
2016/05/27 HTML / CSS
Chicco婴儿用品美国官网:汽车座椅、婴儿推车、高脚椅等
2018/11/05 全球购物
Interflora澳大利亚:同日鲜花速递
2019/06/25 全球购物
地理科学专业毕业生求职信
2013/10/15 职场文书
幼儿园教学随笔感言
2014/02/23 职场文书
公司营业员的自我评价
2014/03/04 职场文书
诉讼财产保全担保书
2014/05/20 职场文书
司法局火灾防控方案
2014/06/05 职场文书