关于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 相关文章推荐
Oracle 常见问题解答
Oct 09 PHP
利用PHP和AJAX创建RSS聚合器的代码
Mar 13 PHP
php set_time_limit(0) 设置程序执行时间的函数
May 26 PHP
深入array multisort排序原理的详解
Jun 18 PHP
浅析关于PHP位运算的简单权限设计
Jun 30 PHP
PHP imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码
Nov 07 PHP
php实现短信发送代码
Jul 05 PHP
深入浅析PHP7.0新特征(五大新特征)
Oct 29 PHP
PHP传值到不同页面的三种常见方式及php和html之间传值问题
Nov 19 PHP
php登录超时检测功能实例详解
Mar 21 PHP
PHP调用Mailgun发送邮件的方法
May 04 PHP
php 数据结构之链表队列
Oct 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
Protoss建筑一览
2020/03/14 星际争霸
php的ajax简单实例
2014/02/27 PHP
完善CodeIgniter在IDE中代码提示功能的方法
2014/07/19 PHP
PHP实现多级分类生成树的方法示例
2017/02/07 PHP
PHP中关键字interface和implements详解
2017/06/14 PHP
老生常谈PHP面向对象之标识映射
2017/06/21 PHP
用于table内容排序
2006/07/21 Javascript
[原创]静态页面也可以实现预览 列表不同的显示方式
2006/10/14 Javascript
jQuery弹出层插件简化版代码下载
2008/10/16 Javascript
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
2009/06/14 Javascript
javascript 中String.match()与RegExp.exec()的区别说明
2013/01/10 Javascript
jquery中animate动画积累的解决方法
2013/10/05 Javascript
httpclient模拟登陆具体实现(使用js设置cookie)
2013/12/11 Javascript
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
2014/01/13 Javascript
JavaScript运算符小结
2015/06/03 Javascript
jQuery EasyUI Pagination实现分页的常用方法
2016/05/21 Javascript
Node.js Streams文件读写操作详解
2016/07/04 Javascript
js实现带三角符的手风琴效果
2017/03/01 Javascript
socket.io学习教程之深入学习篇(三)
2017/04/29 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
2017/12/18 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
2019/06/10 Javascript
Vue中component标签解决项目组件化操作
2020/09/04 Javascript
[43:48]Ti4正赛第一天 VG vs NEWBEE 2
2014/07/19 DOTA
python 动态获取当前运行的类名和函数名的方法
2014/04/15 Python
使用Python的PIL模块来进行图片对比
2016/02/18 Python
正确理解python中的关键字“with”与上下文管理器
2017/04/21 Python
Python实现冒泡排序的简单应用示例
2017/12/11 Python
Python中pandas模块DataFrame创建方法示例
2018/06/20 Python
详解Python遍历列表时删除元素的正确做法
2021/01/07 Python
大学三年计划书范文
2014/04/30 职场文书
篮球社团活动总结
2014/06/27 职场文书
政府班子四风问题整改措施
2014/10/04 职场文书
应届生求职自荐信范文
2015/03/04 职场文书
运动会入场词
2015/07/18 职场文书
速龙x4-860k处理器相当于i几
2022/04/20 数码科技
Win11 Dev 预览版25174.1000发布 (附更新修复内容汇总)
2022/08/05 数码科技