通过javascript从MySQL数据库读取数据，并相应地更改收音机的属性

我在数据库中存储了一个数据。我必须在页面加载后通过Javascript读取它，并将其存储在变量中

从数据库中读取并存储在变量中的数据也将是一个ID，用于了解在开始检查页面上的哪个收音机

我使用下面的代码WARE ID_VAR应该是从数据库读取的变量，它也是单选按钮的ID

$("#ID").prop("checked", true);

---

我真的不明白如何通过javascript从数据库读取数据。实际上可能吗？

您可以使用PHP+JQuery Ajax
data.php

$dbh = new PDO(' --- connection string --- '); 
$stmt = $dbh->prepare('SELECT * FROM mytable'); 
$stmt->execute(); 
$items = $stmt->fetchAll();
echo json_encode($items);

html文件上的Jquery代码

 <script type="text/javascript">
    $(document).ready(function(e) {
        $.getJSON('data.php',function(data){
            var items = [];
            $.each(JSON.parse(data), function(key, item) {
                $("#"+item.id).prop("checked", true);
            }); 

        });
    });
</script>

$（文档）.ready（函数（e）{
$.getJSON（'data.php'，函数（数据）{
var项目=[]；
$.each（JSON.parse（数据）、函数（键、项）{
$（“#”+item.id）.prop（“选中”，true）；
}); 
});
});

您可能不希望直接从浏览器访问数据库。您的页面应该向处理数据库连接的服务器发出请求，并使用浏览器可以理解的格式（即通过HTTP或WebSocket）返回数据