关于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 file_get_contents函数轻松采集html数据
Apr 22 PHP
使用openssl实现rsa非对称加密算法示例
Jan 24 PHP
PHP开发框架kohana中处理ajax请求的例子
Jul 14 PHP
PHP加密解密类实例分析
Apr 20 PHP
PHP数据库连接mysql与mysqli对比分析
Jan 04 PHP
PHP处理CSV表格文件的常用操作方法总结
Jul 01 PHP
对于Laravel 5.5核心架构的深入理解
Feb 22 PHP
PHP基于redis计数器类定义与用法示例
Feb 08 PHP
什么是PHP7中的孤儿进程与僵尸进程
Apr 14 PHP
php精度计算的问题解析
Jun 21 PHP
Yii2框架中一些折磨人的坑
Dec 15 PHP
php操作redis常见方法示例【key与value操作】
Apr 14 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
关于zend studio 出现乱码问题的总结
2013/06/23 PHP
php查找任何页面上的所有链接的方法
2013/12/03 PHP
PHP生成图像验证码的方法小结(2种方法)
2016/07/18 PHP
php实现留言板功能(会话控制)
2017/05/23 PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
2020/03/27 PHP
PHP var关键字相关原理及使用实例解析
2020/07/11 PHP
jquery iframe操作详细解析
2013/11/20 Javascript
jQuery控制TR显示隐藏的几种方法
2014/06/18 Javascript
javascript框架设计之种子模块
2015/06/23 Javascript
JavaScript基础——使用Canvas绘图
2016/11/02 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
2016/11/04 Javascript
Vue实现百度下拉提示搜索功能
2017/06/21 Javascript
python爬取安居客二手房网站数据(实例讲解)
2017/10/19 Javascript
浅谈VUE监听窗口变化事件的问题
2018/02/24 Javascript
RequireJS用法简单示例
2018/08/20 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
2021/01/27 Javascript
python读写ini配置文件方法实例分析
2015/06/30 Python
Python中的super()方法使用简介
2015/08/14 Python
Python写的一个定时重跑获取数据库数据
2016/12/28 Python
Python使用正则表达式抓取网页图片的方法示例
2017/04/21 Python
python 读取excel文件生成sql文件实例详解
2017/05/12 Python
使用python爬取B站千万级数据
2018/06/08 Python
python 计算方位角实例(根据两点的坐标计算)
2020/01/17 Python
python print 格式化输出,动态指定长度的实现
2020/04/12 Python
HTML5的标签的代码的简单介绍 HTML5标签的简介
2012/05/28 HTML / CSS
出口公司经理求职简历中的自我评价
2013/10/13 职场文书
学生党员思想汇报范文
2014/01/09 职场文书
开办大学饮食联盟创业计划书
2014/01/29 职场文书
跟单业务员岗位职责
2014/03/08 职场文书
会计岗位职责模板
2014/03/12 职场文书
超市中秋节促销方案
2014/03/21 职场文书
优秀的个人求职信范文
2014/05/09 职场文书
2014年中学生检讨书大全
2014/10/09 职场文书
英语邀请函范文
2015/02/02 职场文书
最新的离婚协议书范本!
2019/07/02 职场文书
前端实现滑动按钮AJAX与后端交互的示例代码
2022/02/24 Javascript