javascript - 如何在使用 PHP 访问的 JavaScript 中存储 MySQL 数据库值

Question

我已使用 PHP 代码将包含产品名称、价格和 id 的 MySQL 数据库值访问到 php 变量。现在我希望保存 MySQL 数据的变量保存在 Java Script 变量中，以便我可以执行某些功能。

这是代码:

这是一个 php 文件:

<?php include("connect.php");

 $plan = mysql_query("select id,price,product_name from product"); 
 <select name='pro2' id='pro2' >\\dropdown menu for selecting product name
 <option>Select product</option>
 <?php while($proname2 = mysql_fetch_array($plan))
 { ?> 
 <option value="<?php echo $proname2['product_name']; ?>" >
 <?php echo$proname2['product_name']; ?> </option>
<?php } ?>  
 </select>
 Unit Price:<input type="text" id="mytext1" name="mytext1" readonly="enabled" value=""/>

<?php 
   $plan = mysql_query("select price,product_name from product");
   while($row = mysql_fetch_array($plan))
  {  $r1=$row['product_name'];
     $r2=$row['price'];
      $user_data = array('product_nam' => '$r1', 'price' => '$r2'); 
?>
<script type="text/javascript">\\ used java script to change the value of mytext to  \\price which is selected by product name 
    alert(user_data.price);
    var mytextbox2 = document.getElementById('mytext1');
    var mydropdown2 = document.getElementById('pro2');
    var user_data = <?php echo json_encode($user_data); ?>; 
    mydropdown2.onchange = function(){
         // test.value =this.value;
        if(user_data.product_nam==this.value)
        {            
            mytextbox2.value=user_data.price;
        }
      //to appened
         //mytextbox.innerHTML = this.value;
    }
</script>
    <?php } ?>

Answer 1

对于新页面加载(不是 AJAX)，由于 PHP 代码将在数据发送给用户之前执行，因此您可以将 PHP 变量值直接回显到 Javascript 变量声明中。

例如，尝试:

        <script>
            $(document).ready(function() {
                var echome = <?php echo "1";?>;
                console.log(echome);
            }); 
        </script>

此外，您应该避免使用 mysql_~ 函数调用。它们已被弃用。您应该考虑升级到 mysqli 或 PDO。