关于js与php互相传值的介绍

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的值也可传到想要的地方。

赞 (0)

相关推荐

  • php引用传值实例详解学习

    引用是什么在 PHP 中引用意味着用不同的名字访问同一个变量内容.这并不像 C 的指针,替代的是,引用是符号表别名.注意在 PHP 中,变量名和变量内容是不一样的,因此同样的内容可以有不同的名字.最接近的比喻是 Unix 的文件名和文件本身--变量名是目录条目,而变量内容则是文件本身.引用可以被看作是 Unix 文件系统中的 hardlink.一:变量的引用 复制代码 代码如下: <?php$a =100;$b = &$a;echo $b;    //这里输出100echo $a;    /

  • ThinkPHP中url隐藏入口文件后接收alipay传值的方法

    本文实例讲述了ThinkPHP中url隐藏入口文件后接收alipay传值的方法.分享给大家供大家参考.具体方法如下: 现在公司项目的需求变化多端,项目使用的是Thinkphp2.0,而conf.php中设置的URL_MODEL=2,为了兼容.htaccess和隐藏index.php,但在使用一些第三方接口时(例如支付宝或MSN开放平台),他们返回的参数往往含有一个?号,而URL_MODEL=2时,TP会自动将含有?的URL进行转换. 转换前:http://www.xxx.com/index.ph

  • 保证JavaScript和Asp、Php等后端程序间传值编码统一

    在非英文字符集的页面上,如果使用Ajax方式进行数据交互的话,就必须要注意保证前后端数据的统一编码,否则,很容易就出现乱码! 在后端是ASP程序的情况下,保持前端Javascript和Asp之间传值的统一编码可以使用以下函数进行处理: 编码:escape(string) 解码:unescape(string) 这两个函数在JavaScript和Asp里都存在,而且功能完全一样,只要任何一端向另一端传数据,都先用escape进行编码,接收的一端用unescape进行解码即可保证Javascript

  • Ajax提交表单时验证码自动验证 php后端验证码检测

    本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html <!DOCTYPE html> <html> <head> <title>验证码提交自验证</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta htt

  • thinkphp验证码的实现(form、ajax实现验证)

    两种验证码验证实现,一种直接在form表单提交按钮实现验证,一种使用ajax传递参数实现验证: 1.直接在form表单提交按钮实现验证,在控制器VerifyController.class.php中写入如下代码: namespace Home\Controller; use Think\Controller; class VerifyController extends Controller { public function index() { $this->display(); } publ

  • php传值方式和ajax的验证功能

    PHP前台传值到后台进行验证的3种方式 1.不外乎就是post,get和ajax方式 post和get方式就是在表单上用method方式规定主要就是ajax动态传值进行后台验证 2.ajax 动态传值代码如下 //给调用ajax的这里设一个函数 function u_ajax(uname,upass){ //创建ajax if(window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest(); }else{ xmlhttp = new ActiveOb

  • php+ajax注册实时验证功能

    ajax的实时验证技术已经很成熟了,在一些规范的网站上,如果有注册验证的模板,必定会涉及到ajax的无刷新验证,这在用户注册的体验中是很棒的,对比一个不能及时和后台无刷新对接的验证模式,要重新返回来刷新,这对于用户来说,体验上是很不友好的. ajax的模式几乎是所有站点应用的需求,ajax作为前端无刷新验证,可以和所有后台语言进行组合使用,比如asp+ajax,php+ajax,.net+ajax等等组合,这里主要讲解的是php+ajax的注册验证. 下面的验证是一个完整的实例,我们在网站上面注

  • PHP+Ajax验证码验证用户登录

    用AJAX 验证用户登录的一个好处是不刷新跳转页面,外加用到验证码就更安全了,摸索的写了下.一共用到三个文件: yz.php:  生成验证码的PHP 文件,将验证码将在SESSION 里,供登录时对比调用 index.php: 用户登录的HTML 文件 loginCheck.php: 验证用户登录的文件 下面一一解析: yz.php 文件 <?php session_start(); //生成验证码图 Header("Content-type: image/PNG"); //长与

  • php 传值赋值与引用赋值的区别

    传值赋值:当将一个表达式的值赋予一个变量时,整个原始表达式的值被赋予到目标变量.这意味着,例如,当一个变量的值赋予另一个变量时,改变其中一个变量的值,将不会影响到另一个变量. 复制代码 代码如下: <?php <?php $a=123; $a=123; $b=$a; $b=&$a; $a=321; $a=321; Echo"$a,$b";//显示"321,123" Echo"$a,$b";//显示"321,321&q

  • php下通过POST还是GET来传值

    细心的朋友一定注意到,上一次PHP页面间传递参数的专题中有这么一段程序: <form action="search_result.php" method="POST"> 其中的method我用了POST,但为什么不用GET方法呢? 首先来看看POST与GET传值的区别: Post传输数据时,不需要在URL中显示出来,而Get方法要在URL中显示.  Post传输的数据量大,可以达到2M,而Get方法由于受到URL长度的限制,只能传递大约1024字节.  

  • PHP HTML JavaScript MySQL代码如何互相传值的方法分享

    1.PHP a.PHP -> HTML & JavaScript 额 超简单,我也要写= =- html代码中 <input type="" readonly="readonly" style='background-color:#DCDCDC' value=<?php echo $perinfo[ID];?> /> JavaScript代码中 复制代码 代码如下: <script type="text/java

随机推荐