PHP while循环数组数据显示为javascript

所以我正在制作基于文本的浏览器游戏。我已经制作了一个地图，您可以在其中移动，而无需刷新页面并使用javascript进行更新。我补充说，它会从数据库中随机生成机器人，您可以对其进行攻击，但当您在地图上移动时，无法找到使其更新的方法

这是我制作的PHP，用于从数据库加载机器人，然后随机生成

$sql3 = "SELECT * FROM monsters WHERE botworld='$world'";
$result3 = mysqli_query($conn,$sql3);
$row3=mysqli_fetch_array($result3,MYSQLI_ASSOC);
$rowsbot = array();
while ($rowbot = mysqli_fetch_assoc($result3)) { 
     $rowsbot[] = $rowbot; 
} 
for($i=0;$i<count($rowsbot);$i++) { 
    $a = rand(0,10);
    if($a > 5) {
        echo "<div class='botres$i'>";
        echo "<div class='panel panel-default bot$i'><div class='panel-body bot1$i'>";
        echo $i . ". " . $rowsbot[$i]['name'];
        echo "<div class='pull-right'><button class='btn btn-default' botid='" . $rowsbot[$i]['id'] ."' botnr='" . $i . "'>Attack</button></div>";
        echo "</div></div>";
        echo "</div>";
    }
}

$sql3=“从僵尸世界=“$world”的怪物中选择*；
$result3=mysqli_查询（$conn，$sql3）；
$row3=mysqli\u fetch\u数组（$result3，mysqli\u ASSOC）；
$rowsbot=array（）；
而（$rowbot=mysqli_fetch_assoc（$result3））{
$rowsbot[]=$rowsbot；
} 
对于（$i=0；$i=5）{
回声“；
回声“；
echo$i.“.”$rowsbot[$i]['name']；
呼应“攻击”；
回声“；
回声“；
}
}

我添加了当你攻击机器人时，它会自动更新div块。但我想让机器人在你移动时更新

我已经得到了包含数据的数组，但不知道如何使用它

var myArray = jQuery.parseJSON('<?php print json_encode($row3); ?>');
console.log(myArray)

var myArray=jQuery.parseJSON（“”）；
console.log（myArray）

完成

var rowsbot=；
对于（i=0；i5）{
$（“.monsters”）.append（“+i+”+rowsbot[i].name+“Attack”）；
}
}

您能更详细地解释一下“在地图上移动时更新”的含义吗？您的意思是，当他们相对于您的位置发生变化时，您希望他们保持相对于地图的固定位置吗？或者您希望他们通过随机行走或其他方式来导航地图？您想要的是调用javascript函数并发出ajax请求来更新数据库中的行？发布您的Javascript您是否可以接受您的答案MrEnergy以便我们知道您已经解决了您的问题：）。

var rowsbot = <?php echo json_encode($rowsbot) ?>;
for(i=0; i<rowsbot.length; i++) {

var a = Math.floor((Math.random() * 10) + 1); 
if(a>5) {
   $(".monsters").append("<div class='botres" + i + "'><div class='panel panel-default bot" + i + "'><div class='panel-body bot1 " + i + "'>" + i + ". " + rowsbot[i].name + "<div class='pull-right'><button class='btn btn-default' botid='" + rowsbot[i].id + "' botnr='" + i + "'>Attack</button></div></div></div></div>");
    }
 }