关于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 彩色文字实现代码
Jun 29 PHP
php替换超长文本中的特殊字符的函数代码
May 22 PHP
php删除与复制文件夹及其文件夹下所有文件的实现代码
Jan 23 PHP
php中time()与$_SERVER[REQUEST_TIME]用法区别
Nov 19 PHP
php准确获取文件MIME类型的方法
Jun 17 PHP
PHP中常用的数组操作方法笔记整理
May 16 PHP
thinkphp3.2.3 分页代码分享
Jul 28 PHP
PHP字符串逆序排列实现方法小结【strrev函数,二分法,循环法,递归法】
Jan 13 PHP
什么是PHP7中的孤儿进程与僵尸进程
Apr 14 PHP
Laravel框架实现文件上传的方法分析
Sep 29 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
Feb 22 PHP
tp5.1 框架查询表达式用法详解
May 25 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
php操作xml入门之xml基本介绍及xml标签元素
2015/01/23 PHP
PHP将Excel导入数据库及数据库数据导出至Excel的方法
2015/06/24 PHP
总结PHP中数值计算的注意事项
2016/08/14 PHP
js的touch事件的实际引用
2014/10/13 Javascript
浅谈JavaScript中的对象及Promise对象的实现
2015/11/15 Javascript
概述VUE2.0不可忽视的很多变化
2016/09/25 Javascript
移动端手指放大缩小插件与js源码
2017/05/22 Javascript
vue实现某元素吸顶或固定位置显示(监听滚动事件)
2017/12/13 Javascript
json数据传到前台并解析展示成列表的方法
2018/08/06 Javascript
vue中input的v-model清空操作
2019/09/06 Javascript
javascript的惯性运动实现代码实例
2019/09/07 Javascript
Vue 中 a标签上href无法跳转的解决方式
2019/11/12 Javascript
详解JavaScript的this指向和绑定
2020/09/08 Javascript
原生JavaScript实现随机点名表
2021/01/14 Javascript
python实现无证书加密解密实例
2014/10/27 Python
在Python下进行UDP网络编程的教程
2015/04/29 Python
python计算牛顿迭代多项式实例分析
2015/05/07 Python
全面分析Python的优点和缺点
2018/02/07 Python
对python append 与浅拷贝的实例讲解
2018/05/04 Python
Python根据服务获取端口号的方法
2019/09/25 Python
python DES加密与解密及hex输出和bs64格式输出的实现代码
2020/04/13 Python
详解python中的lambda与sorted函数
2020/09/04 Python
Python中Selenium模块的使用详解
2020/10/09 Python
Canvas中设置width与height的问题浅析
2018/11/01 HTML / CSS
师范生自我鉴定范文
2013/10/05 职场文书
物业门卫岗位职责
2013/12/28 职场文书
九年级家长会邀请函
2014/01/15 职场文书
安全教育感言
2014/03/04 职场文书
医学生职业生涯规划书范文
2014/03/13 职场文书
公司委托书范本
2014/04/04 职场文书
丧事答谢词
2015/01/05 职场文书
2016教师校本研修心得体会
2016/01/08 职场文书
Python使用sql语句对mysql数据库多条件模糊查询的思路详解
2021/04/12 Python
基于Redis位图实现用户签到功能
2021/05/08 Redis
Java内存模型之happens-before概念详解
2021/06/13 Java/Android
MySQL数据库查询进阶之多表查询详解
2022/04/08 MySQL