Question

我想从数据库中获取数据并将该数据附加到aframe。我做了，数据来自数据库，但没有附加到aframe场景。这是我的工作流程。这个索引文件：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
</script>
</head>
<body>
<a-scene id="scene">
    <a-camera id="camera" position="0 0 2" >    
    </a-camera>
  <a-sky color="#000"></a-sky>
</a-scene>
<script>
    var ajax = new XMLHttpRequest();
    var method = "GET";
    var url = "data.php";
    var asychronous = true;

    ajax.open(method,url,asychronous);
    ajax.send();

    ajax.onreadystatechange = function(){
        if(this.readyState==4 && this.status==200){
            var data = JSON.parse(this.responseText);
            console.log(data);

            var html = "";
            var username = "";
            for(var i=0;i<data.length;i++){
                username = data[i].username;
                html += "<a-scene>";
                html += +username;
                html += "</a-scene>";
            }

            var totalText1 = document.createElement('a-text');
            totalText1.setAttribute('position',{x:0, y:0, z:0});
            totalText1.setAttribute('color',"#fff");
            totalText1.setAttribute('value',username);
            totalText1.setAttribute('scale',{x:1.6, y:1.6, z:1.6});
            document.getElementById("scene").appendChild(totalText1);
        }
    }
</script>
</body>

</html>

这是data.php档案

<?php 
$conn = mysqli_connect("localhost","root","","test");

$query = "SELECT * FROM usertest WHERE language='english'";
$result = mysqli_query($conn,$query);
$data = array();
while($row = mysqli_fetch_assoc($result)){
    $data = $row;
}

echo json_encode($data);
?>

数据检索没问题。但是有没有办法将这些数据附加到框架场景？

Answer 1

仔细检查实体是否实际附加到场景中。看起来不错。从控制台检查Inspector（ ctrl / alt / i ）或DOM Inspector或查询选择器。 0/0/0位置可能只是让人很难看到。

从数据库获取数据并将数据附加到aframe

1 个答案: