时间戳

首页 > 解决方案 > 如何使用 axios、vuejs 和 php 只获取这个值？

php - 如何使用 axios、vuejs 和 php 只获取这个值？

问题描述

如何使用 Axios 和视图检索这些数据。这是我的 php 代码：

<?php
include "config.php";

$data = json_decode(file_get_contents("php://input"));

$request = $data->request;

// Get Number of records
if($request == 1){
  $userNumbers = mysqli_query($connect,"SELECT COUNT(*) FROM users");
  while($row = mysqli_fetch_assoc($userNumbers)){
    $response = $row;
  }
  echo json_encode($response);
  exit;
}

这是我的 VueJs 代码：

<script type = "text/javascript">
        var app = new Vue({
          el: '#myapp',
            data: {
              users: ''
            },
            methods: {
                async allUsersNumber(){
                  try {
                    axios.post('api/app.php', {
                    request: 1
                  }).then(response => console.log(response));
                  } catch (error) {
                    console.log("Erreur: " + error);
                  }
                }
            },
          created: function(){
            this.allUsersNumber();
          }
        })
    </script>

结果如下：

我只想检索数字 3 并将其显示在 h1 标签中

标签： phpmysqlvue.jsaxios

解决方案

在服务器上：

$userNumbers = mysql_query($connect, "SELECT count(*) as total from users");
$data = mysql_fetch_assoc($userNumbers);
echo $data['total'];

推荐阅读