问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

我从php 定义一个变量$a,怎么把他给js 中的var a?

头像
多菲
    49955162

    我从php 定义一个变量$a,怎么把他给js 中的var a?

    目前php 和 前台 html 互交 只会 echo ....

    我想把值 传给 JavaScript,再用JavaScript 改 html
    具体怎么弄?

    我就是想先了解一下,不怕麻烦的话可以告诉我个实例;

    怕麻烦的话,告诉我几个关键词就好,谢谢.

    phpjavascripthtml
    阅读 6.8k
    5 个回答
    得票最新
    头像
    wangfulin
      6.1k1513
      ✓ 已被采纳

      第一种，可以通过先传到 html 中，然后通过 js 获取：
      php 代码

      <p id="serverData"><? echo $a; ?></p>
<p id="insertEle"></p>

      js 代码

      var serverData = document.getElementById('serverData').innerText;
var insertEle = document.getElementById('insertEle');
insertEle.innerText = serverData;

      第二种
      服务端接受前端 ajax 或其它请求，然后将 $a 作为值 echo 出来作为响应值，前端同样也能获得这个变量

      头像
      whitout
        1k126377
        <html>
<script>
var a=<?php echo $a; ?>
</script>
</html>
        头像
        shuyu_lxf
          29422838

          要么js写在html页面中，可以直接用var a = <?= $a?>, 否则只能输出到页面中，用js取dom节点的方法来取到该值

          头像
          林岑影
            5.9k2517

            有几种方法:

            1. 在php页面输出如下代码

            <?php
echo 'var a = "1234";';
?>

            然后在html页面中, 用script src应用该php页面的地址

            1. 直接在html中输出

            <script>
var a = '<?php echo "1234"; ?>';
</script>

            1. <body data-a='<?php echo "1234"; ?>'>

            console.log($("body").data("a"))

            头像
            静逸秋水
              2.6k127

              自己用的就两种

              1.给某些元素赋值类似下面

              <input type="hidden" value="<?echo $a?>" id="js-new-value" />

// js code
var a = document.querySelector('#js-new-value').value;

              2.在script定义变量

              <script>
    window.phpval = <?php echo $a?>;
</script>

// your js 

var a = phpval;
              撰写回答
              你尚未登录，登录后可以
              • 和开发者交流问题的细节
              • 关注并接收问题和回答的更新提醒
              • 参与内容的编辑和改进，让解决方法与时俱进
              被 1 篇内容引用
              推荐问题