在模式PHP、Javascript中基于用户ID显示while循环数据

在模式PHP、Javascript中基于用户ID显示while循环数据,javascript,php,jquery,html,mysql,Javascript,Php,Jquery,Html,Mysql,这张图片显示了我数据库中的讲师列表。每当用户单击讲师的图像时 此时将出现一个模式,显示有关讲师的详细信息。该模式显示姓名、简历、说明和播放列表。我在获取他们最喜爱的播放列表的详细信息时遇到问题 在我的数据库中,我有一个播放列表表(tb:Chu music),其中所有注册的讲师最喜爱的播放列表都将保存在那里 我在这里的结论是获取讲师的唯一id,并在模式中查询播放列表,但我不知道怎么做 下面是我获取讲师列表(ticator.php)的代码 整个代码未显示,仅显示重要部分 这是我的模态代码(显示了全

这张图片显示了我数据库中的讲师列表。每当用户单击讲师的图像时

此时将出现一个模式,显示有关讲师的详细信息。该模式显示姓名、简历、说明和播放列表。我在获取他们最喜爱的播放列表的详细信息时遇到问题

在我的数据库中,我有一个播放列表表(tb:Chu music),其中所有注册的讲师最喜爱的播放列表都将保存在那里

我在这里的结论是获取讲师的唯一id,并在模式中查询播放列表,但我不知道怎么做

下面是我获取讲师列表(ticator.php)的代码 整个代码未显示,仅显示重要部分

这是我的模态代码(显示了全部代码) 我没有使用数据id,这段代码来自(modal.php),我使用include脚本编写到我的讲师.php

 <div class="modal fade bd-example-modal-lg" id="edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <br>

            </div>
            <div class="modal-body">
            <div class="container-fluid">

             <div class="containermodal flex-direction">
                  <div class="col-md-5">
                        <img src="" id="imagepreview" class="instructorpic imageModal">
                  </div>
                  <div class="col-md-6">

                        <h1 id="eIns"></h1>
                        <span style="color:#ffde03;">CYCLEHOUSE HEAD COACH</span><BR>
                        "<span id="eBio"></span>"
                        <BR><BR>
                        <p id="eDesc"></p>
                        <BR>
                        <button class="cycle-button">BOOK NOW</button>
                        <br><br>
                        <span style="color:#ffde03;">LISTEN TO MY SPOTIFY PLAYLIST:</span><BR><BR>

                        <?php
                        $instructor_music = mysqli_query($link,"SELECT * FROM ch_music WHERE userIdM = '$idkhowtodo'");
                        while($music_row=mysqli_fetch_array($instructor_music)){
                        ?>
                        <div class="col-xs-6 col-sm-4">
                            <img src="img/playlist/<?php echo $music_row['music_img']; ?>" style="height:100px; width:100px;">
                        </div>
                        <?php
                        }
                        ?>
                        <!--</div>-->
                  </div>
              </div>


            </div>
            </div>
            <div class="modal-footer">
               <br>
            </div>
        </div>
    </div>
</div>

&时代;

自行车屋主教练
""


现在预订

收听我的SPOTIFY播放列表:


问题到底是什么?是否希望将
其中的U.userId=?
附加到该查询?这是一个特定的MVC框架吗?这是否缺少wordpress标签?
“style=“height:100px;宽度:100px;“data id=“echo$music_row['id'];?>“/>
,并通过
$(imgSelectorHere)访问它。数据('id')
?如何传递$讲师行['userId'];to modal?可能是可以在我的modal中声明的查询中调用的变量形式。警告:当使用
mysqli
时,您应该使用and将用户数据添加到查询中。不要使用字符串插值或串联来完成此操作,因为您创建了严重的错误。切勿将
$\u POST
$\u GET
或任何用户数据直接进入查询,如果有人试图利用您的错误,这可能是非常有害的。注意:
mysqli
的面向对象界面明显不那么冗长,使代码更易于阅读和审核,并且不容易与过时的
mysql\u query
界面混淆。在您对该过程投入过多精力之前al风格值得转换。例如:
$db=new mysqli(…)
$db->prepare(“…”)
过程接口是PHP4时代引入
mysqli
API时的产物,不应在新代码中使用。
$(document).ready(function(){
$(document).on('click', '.edit', function(){

    var id=$(this).val();
    var insModal = $('#instructorname'+id).html();
    var descModal = $('#desc'+id).html();
    var bioModal = $('#bio'+id).html(); 


    $('#imagepreview').attr('src', $('#imageresource'+id).attr('src'));
    $('#eIns').html(insModal);
    $('#eDesc').html(descModal);
    $('#eBio').html(bioModal);
    $('#edit').modal('show');
});
});
 <div class="modal fade bd-example-modal-lg" id="edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <br>

            </div>
            <div class="modal-body">
            <div class="container-fluid">

             <div class="containermodal flex-direction">
                  <div class="col-md-5">
                        <img src="" id="imagepreview" class="instructorpic imageModal">
                  </div>
                  <div class="col-md-6">

                        <h1 id="eIns"></h1>
                        <span style="color:#ffde03;">CYCLEHOUSE HEAD COACH</span><BR>
                        "<span id="eBio"></span>"
                        <BR><BR>
                        <p id="eDesc"></p>
                        <BR>
                        <button class="cycle-button">BOOK NOW</button>
                        <br><br>
                        <span style="color:#ffde03;">LISTEN TO MY SPOTIFY PLAYLIST:</span><BR><BR>

                        <?php
                        $instructor_music = mysqli_query($link,"SELECT * FROM ch_music WHERE userIdM = '$idkhowtodo'");
                        while($music_row=mysqli_fetch_array($instructor_music)){
                        ?>
                        <div class="col-xs-6 col-sm-4">
                            <img src="img/playlist/<?php echo $music_row['music_img']; ?>" style="height:100px; width:100px;">
                        </div>
                        <?php
                        }
                        ?>
                        <!--</div>-->
                  </div>
              </div>


            </div>
            </div>
            <div class="modal-footer">
               <br>
            </div>
        </div>
    </div>
</div>