如何将 PHP 的变量传给 js?

1
<?php
2
//构造链接
3
$wx_url = "https://www.npc.ink/";
4
?>
5

6
<button onclick="openWeapp()">点击跳转小程序哦</button>
7

8

9
<script>
10

11
var urlscheme= "<?php echo $wx_url ?>";
12

13
    function openWeapp() {
14
        //window.alert(1);
15
        location.href = urlscheme;
16
    }
17
</script>

1
<?php
2
header('Content-Type:application/json');//加上这行,前端那边就不需要var result = $.parseJSON(data);
3
$retdata = array(
4
"student"=>array("name"=>"feiq","sex"=>"male","age"=>18,"job"=>'agineer'),"superstar"=>array("name"=>"MM","sex"=>"female","age"=>20,"job"=>'signer')
5
);
6
echo json_encode($retdata);
7
?>

1
<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
    <meta charset="UTF-8">
5
    <title>从php文件中异步获取json数据</title>
6
    <script src="https://unpkg.com/vue@next"></script>
7
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
8
</head>
9
<body>
10
<div id="myphp">
11
<p>从php文件中读取json数据</p>
12
    <ol>
13
        <li>名字</li>
14
        <li v-for="sites in info">{{sites.name}}</li>
15
    </ol>
16
    <ol>
17
        <li>性别</li>
18
        <li v-for="sites in info">{{sites.sex}}</li>
19
    </ol>
20
    <ol>
21
        <li>年龄</li>
22
        <li v-for="sites in info">{{sites.age}}</li>
23
    </ol>
24
    <ol>
25
        <li>职业</li>
26
        <li v-for="sites in info">{{sites.job}}</li>
27
    </ol>
28
</div>
29
  <script>
30
    const App = Vue.createApp({
31
      data() {
32
        return {
33
          info: [],
34
        }
35
      },
36
      mounted() {
37
        axios
38
          .get('test.php')
39
          .then(response => {
40
            console.log(response);
41
            this.info = response.data;
42
          })
43
          .catch(function (error) {
44
            alert(error)
45
          })
46
      }
47
    })
48
    App.mount("#myphp")
49
  </script>
50
</body>
51
</html>

1
https://www.npc.ink/test/test.php