关于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游戏编程25个脚本代码
Feb 08 PHP
php 文章调用类代码
Aug 11 PHP
PHP管理内存函数 memory_get_usage()使用介绍
Sep 23 PHP
php数组的概述及分类与声明代码演示
Feb 26 PHP
php不使用插件导出excel的简单方法
Mar 04 PHP
PHP中round()函数对浮点数进行四舍五入的方法
Nov 19 PHP
php_imagick实现图片剪切、旋转、锐化、减色或增加特效的方法
Dec 15 PHP
PHP实现上传文件并存进数据库的方法
Jul 16 PHP
Yii2实现ajax上传图片插件用法
Apr 28 PHP
PHP实现数组和对象的相互转换操作示例
Mar 20 PHP
laravel-admin 中列表筛选方法
Oct 03 PHP
php在linux环境中如何使用redis详解
Dec 15 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
PHP5新特性: 更加面向对象化的PHP
2006/11/18 PHP
thinkPHP统计排行与分页显示功能示例
2016/12/02 PHP
PHP单文件上传原理及上传函数的封装操作示例
2019/09/02 PHP
通过javascript的匿名函数来分析几段简单有趣的代码
2010/06/29 Javascript
jquery json 实例代码
2010/12/02 Javascript
原生js 秒表实现代码
2012/07/24 Javascript
js实现的折叠导航示例
2013/11/29 Javascript
javascript实现跨域的方法汇总
2015/06/25 Javascript
js判断输入字符串是否为空、空格、null的方法总结
2016/06/14 Javascript
BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
2016/12/01 Javascript
任意Json转成无序列表的方法示例
2016/12/09 Javascript
详解vue-loader在项目中是如何配置的
2018/06/04 Javascript
微信小程序左滑删除功能开发案例详解
2018/11/12 Javascript
谈谈为什么你的 JavaScript 代码如此冗长
2019/01/30 Javascript
vue实现登录页面的验证码以及验证过程解析(面向新手)
2019/08/02 Javascript
vue集成chart.js的实现方法
2019/08/20 Javascript
Vue父组件监听子组件生命周期
2020/09/03 Javascript
[02:15]2014DOTA2国际邀请赛 专访LGD.lin小兔子是大腿
2014/07/14 DOTA
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
Python实现Linux的find命令实例分享
2017/06/04 Python
PHP实现发送和接收JSON请求
2018/06/07 Python
Python中的heapq模块源码详析
2019/01/08 Python
python 浅谈serial与stm32通信的编码问题
2019/12/18 Python
python如何对链表操作
2020/10/10 Python
基于python实现坦克大战游戏
2020/10/27 Python
聊聊Python pandas 中loc函数的使用,及跟iloc的区别说明
2021/03/03 Python
CSS3教程(5):网页背景图片
2009/04/02 HTML / CSS
iframe在移动端的缩放的示例代码
2018/10/12 HTML / CSS
严选全球尖货,立足香港:Bonpont宝盆
2018/07/24 全球购物
俄语地区最大的中国商品在线购物网站之一:Umka Mall
2019/11/03 全球购物
网络工程师面试(三木通信技术有限公司)
2013/06/05 面试题
高中国旗下的演讲稿
2014/08/28 职场文书
2016元旦主持人开场白
2015/12/03 职场文书
《刷子李》教学反思
2016/02/20 职场文书
技术入股协议书
2016/03/22 职场文书
MySQL之PXC集群搭建的方法步骤
2021/05/25 MySQL