关于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 相关文章推荐
xml+php动态载入与分页
Oct 09 PHP
实用函数10
Nov 08 PHP
php源码加密 仿微盾PHP加密专家(PHPCodeLock)
May 06 PHP
PHP 创建标签云函数代码
May 26 PHP
PHP中限制IP段访问、禁止IP提交表单的代码
Apr 23 PHP
PHP中去除换行解决办法小结(PHP_EOL)
Nov 27 PHP
PHP中基于ts与nts版本- vc6和vc9编译版本的区别详解
Apr 26 PHP
smarty中改进truncate使其支持中文的方法
May 30 PHP
微信支付开发订单查询实例
Jul 12 PHP
PHP微信红包生成代码分享
Oct 06 PHP
PHP 500报错的快速解决方法
Dec 14 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
Mar 26 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
香妃
2021/03/03 冲泡冲煮
JS提交并解析后台返回的XML的代码
2008/11/03 Javascript
别了 JavaScript中的isXX系列
2012/08/01 Javascript
jQuery在html有效在jsp无效的原因及解决方法
2013/08/02 Javascript
jquery事件重复绑定的快速解决方法
2014/01/03 Javascript
js判断浏览器是否支持html5
2014/08/17 Javascript
详解Javascript 装载和执行
2014/11/17 Javascript
了不起的node.js读书笔记之例程分析
2014/12/22 Javascript
微信小程序 wx:key详细介绍
2016/10/28 Javascript
Javascript blur与click冲突解决办法
2017/01/09 Javascript
vue2.0构建单页应用最佳实战
2017/04/01 Javascript
javascript+css3开发打气球小游戏完整代码
2017/11/28 Javascript
JavaScript中Array方法你该知道的正确打开方法
2018/09/11 Javascript
vue 中Virtual Dom被创建的方法
2019/04/15 Javascript
javascript的惯性运动实现代码实例
2019/09/07 Javascript
vue-resource:jsonp请求百度搜索的接口示例
2019/11/09 Javascript
如何手写简易的 Vue Router
2020/10/10 Javascript
[01:05:56]2018DOTA2亚洲邀请赛3月29日 小组赛A组 Newbee VS VG
2018/03/30 DOTA
[50:15]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
python中通过预先编译正则表达式提高效率
2017/09/25 Python
Python中GIL的使用详解
2018/10/03 Python
Python图像处理之gif动态图的解析与合成操作详解
2018/12/30 Python
Scrapy框架介绍之Puppeteer渲染的使用
2020/06/19 Python
Python实现壁纸下载与轮换
2020/10/19 Python
Python解析m3u8拼接下载mp4视频文件的示例代码
2021/03/03 Python
HTML5中drawImage用法分析
2014/12/01 HTML / CSS
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
法律专业学生的自我评价
2014/02/07 职场文书
工程专业求职自荐书范文
2014/02/08 职场文书
投标担保书范文
2014/04/02 职场文书
中学生英语演讲稿
2014/04/26 职场文书
小班下学期评语
2014/05/04 职场文书
医学专业毕业生推荐信
2014/07/12 职场文书
2014领导班子四风剖析对照检查材料思想汇报
2014/09/20 职场文书
关于拾金不昧的感谢信
2015/01/21 职场文书
使用pandas或numpy处理数据中的空值(np.isnan()/pd.isnull())
2021/05/14 Python