关于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 相关文章推荐
ezSQL PHP数据库操作类库
May 16 PHP
不重新编译PHP为php增加openssl模块的方法
Jun 14 PHP
让PHP更快的提供文件下载的代码
Jun 13 PHP
Server.HTMLEncode让代码在页面里显示为源代码
Dec 08 PHP
浅谈php冒泡排序
Dec 30 PHP
PHP基于MySQL数据库实现对象持久层的方法
Jun 17 PHP
PHP实现多维数组转字符串和多维数组转一维数组的方法
Aug 08 PHP
四个PHP非常实用的功能
Sep 29 PHP
twig里使用js变量的方法
Feb 05 PHP
php基于dom实现的图书xml格式数据示例
Feb 03 PHP
PHP基于新浪IP库获取IP详细地址的方法
May 04 PHP
laravel-admin 后台表格筛选设置默认的查询日期方法
Oct 03 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的论坛(7)
2006/10/09 PHP
深入理解PHP之require/include顺序 推荐
2011/01/02 PHP
PHP FTP操作类代码( 上传、拷贝、移动、删除文件/创建目录)
2014/05/10 PHP
thinkphp关于简单的权限判定方法
2017/04/03 PHP
Laravel中的Auth模块详解
2017/08/17 PHP
Laravel 5.4前后台分离,通过不同的二级域名访问方法
2019/10/13 PHP
jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果
2011/09/26 Javascript
javascript获取网页中指定节点的父节点、子节点的方法小结
2013/04/24 Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
2016/01/23 Javascript
基于jquery实现动态竖向柱状条特效
2016/02/12 Javascript
快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave)
2016/08/29 Javascript
jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承
2016/12/06 Javascript
JS实现的集合去重,交集,并集,差集功能示例
2018/03/13 Javascript
原生js实现碰撞检测
2020/03/12 Javascript
基于react项目打包css引用路径错误解决方案
2020/10/28 Javascript
如何实现小程序与小程序之间的跳转
2020/11/04 Javascript
python文件操作之目录遍历实例分析
2015/05/20 Python
python实现简单中文词频统计示例
2017/11/08 Python
在Python中实现shuffle给列表洗牌
2018/11/08 Python
python判断完全平方数的方法
2018/11/13 Python
django 简单实现登录验证给你
2019/11/06 Python
python队列原理及实现方法示例
2019/11/27 Python
Django如何使用asyncio协程和ThreadPoolExecutor多线程
2020/10/12 Python
提供世界各地便宜的机票:Sky-tours
2016/07/21 全球购物
英国品牌男装折扣网站:Brown Bag
2018/03/08 全球购物
不用游标的SQL语句有哪些
2012/09/07 面试题
物流经理自我评价
2013/09/23 职场文书
自动化专业毕业生自荐信
2013/11/01 职场文书
数控技校生自我鉴定
2014/04/19 职场文书
学生未请假就回家检讨书
2014/09/22 职场文书
2014年法院工作总结
2014/11/24 职场文书
高中教师个人总结
2015/02/10 职场文书
学校捐款活动总结
2015/05/09 职场文书
Html5页面播放M4a音频文件
2021/03/30 HTML / CSS
《宝可梦》动画制作25周年到来 官方发布特别纪念视频
2022/04/01 日漫
Windows 64位 安装 mysql 8.0.28 图文教程
2022/04/19 MySQL