从数据库中获取数据并将其发送到javascript函数

Question

我正在从数据库中选择输入值，并且要将其发送到javascript函数addVal()以便可以检索此值。 我不想使用echo 。 目前无法正常运作，我不知道该如何运作。

<h1>trial,</h1>
 <div id ="val">   </div>
  <?php
 $name = $_POST['postname'];

$host = 'localhost';
$user = 'root';
$pass = 'root';
$db_name="big";



$conn = new mysqli($host, $user, $pass, $db_name);


if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 
echo "connected";
$sql = "SELECT input FROM trial_db";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    while( $row = $result->fetch_assoc()) {
        $value = $row['input'];
        addVal ($value);
    }

}
?>

<script>
    function addVal (value){
        document.getElementById("val").innerHTML+= value ;
    }
</script>

Answer 1

从php调用js函数将无法正常工作，无法从php中删除该代码。

并更改js。

<script>
  function addVal (){
     var value = "<?php echo $value; ?>";
    document.getElementById("val").innerHTML+= value ;
  }
</script>

仅当js和php代码在同一php文件中时才有效。