javascript - 通过javascript从MySQL数据库读取数据并相应地改变radio的prop

Question

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

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

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

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

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

Answer 1

您可以使用 PHP + JQuery Ajax
数据.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>