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

前端技术 2023/09/10 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的值也可传到想要的地方。

本文地址：https://www.stayed.cn/item/26329

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案