如何在php中的html div中显示jQuery json数据答案

【问题标题】：How to display jQuery json data in html div in php如何在php中的html div中显示jQuery json数据
【发布时间】：2018-12-25 11:27:20
【问题描述】：

json data

Here see my result

我正在用 PHP 创建一个管理面板仪表板，我想在仪表板中显示动态数据，并且数据必须基于下拉列表显示，我在 ajax 中成功获取了数据，但是如何在 html 中显示该数据

<div class="col-lg-3">
    <form method="POST" class="appointment-form" id="appointment-form" enctype="multipart/form-data">
        <select onchange='fetch_val(this.value)' name="meeting" id="meeting">
            <option>--Select Meeting--</option>
                <?php
                $sql="SELECT * FROM meeting";
                $res=$conn->query($sql);
                while ($re=$res->fetch_object()) 
                {
                    ?>  
                    <option value="<?php echo $re->meeting_no; ?>"><?php echo $re->meeting_no; ?></option>
                    <?php
                }
                ?>
        </select>
    </form>
    <div class="bage">
        <h6 class="name">Register User</h6>
        <div class="d-flex align-items-center justify-content-around">
            <p class="m-0 name-valu">HERE I WANT TO DISPLAY THAT DATA</p>
        </div>
    </div>
</div>

这是我的脚本：

<script type="text/javascript">
function fetch_val(val){                
    $.ajax({
        url:"load.php",
        type:"POST",
        data:{"meeting":val},
        dataType:"JSON",
        success:function(data){
            $('#reference_given').val((data[0].reference_given));
            $('#reference_taken').val((data[0].reference_taken));
        }
    });
}
</script>

【问题讨论】：

#reference_given 是什么？你想把数据放在哪里？
我只是检查是否工作正常，我正在尝试使用 id 获取数据
您能告诉我们您是如何创建 ajax 的响应数据的吗？
我已经放了图片响应，看顶部你会在左角找到图片
不，我想看看你是如何从服务器端生成这些数据的，最好是一个有效的 JSON 以便更容易从客户端访问。

标签： php jquery json ajax

【解决方案1】：

使用 ajax 响应使用 $.each() 显示它并传递一个带有 id 或类的 div。在成功函数中使用这个

    $.each(data, function(i, item) {

     $text+= '<div>'+ data[i].reference_given +'</div><br>'; 

    });  
             
    if(text != ""){

           $("#display").append(text);   

     }

希望有帮助

【讨论】：