PHP学习9：php如何传数据到js？

zhengsweet

已于 2022-04-05 21:30:53 修改

阅读量2.7k

点赞数 2

分类专栏： PHP 文章标签： php

于 2022-04-04 17:27:11 首次发布

本文链接：https://blog.csdn.net/qq_44139411/article/details/123956901

版权

PHP 专栏收录该内容

14 篇文章 3 订阅

订阅专栏

这篇博客介绍了如何在PHP中将变量$id传递到JavaScript中，并通过AJAX发送到其他PHP页面处理。作者首先在HTML的button标签中存放$id，然后在JS中通过getAttribute方法获取。此外，还展示了如何直接在JS中使用PHP变量更新页面元素，如用户名、头像和用户信息。

摘要由CSDN通过智能技术生成

一、php传数据给js：

背景：我在Php中有个变量$id，我想要传到js中，在js中通过ajax传到别的php中进行处理。


<div class="q_area">
    <input type="text" name="question" id="myquestion" placeholder="请输入您的问题，小伙伴们将竭尽全力为您解答！">
    <button class="publish" id="surepublish" landid=<?php echo $id;?> >发表</button>
</div>

①于是我把$id 寄放在button标签的属性中

<button class="publish" id="surepublish" landid=<?php echo $id;?> >发表</button>

②在js中取出

<script>
    var surepublish=document.getElementById('surepublish');
    var landid = surepublish.getAttribute('landid');
</script>

var landid = surepublish.getAttribute('landid');

二、简单方法

<?php
        if(isset($uid)){
            $sql="SELECT * FROM user_form WHERE userid={$uid}";
            $res=mysqli_query($link,$sql);
            $row = mysqli_fetch_assoc($res);      
        }
        ?>

        var touxiang=document.getElementById('touxiang');
        var username=document.getElementById('username');
        var userinfo=document.getElementById('userinfo');
        
        if(isuser){
            username.innerText="<?php echo $row['username']?>";
            touxiang.src="<?php echo $row['portrait']?>";
            userinfo.innerText="<?php echo $row['briefinfo']?>";
        }

username.innerText="<?php echo $row['username']?>";
touxiang.src="<?php echo $row['portrait']?>";
userinfo.innerText="<?php echo $row['briefinfo']?>";

直接在变量后面(等号右边)写php echo.