当数据被提取到数据库而不是文本时如何显示模式

x33g5p2x  于 2021-06-15  发布在  Mysql
关注(0)|答案(1)|浏览(439)

如何获取数据并将其显示为模式弹出窗口而不是文本,
问题来了,因为这个代码
错误

数据库结构
index.php ```

?>

<script type="text/javascript">
$.ajax({
    type: "GET",
    url: "select.php", //create a php for the SELECT STATEMENT
    //data: $("#signin").serialize(), // serializes the form's elements.
    success: function (data) {
        $("#myModal").html(data);
        modal.style.display = "block";
    }
});

$link=mysqli_connect("localhost","root","");
mysqli_select_db($link, "autorefresh");

$res = mysqli_query($link,"select * from table1");

while($row=mysqli_fetch_array($res))
{
echo '
×
'.$row["name"]." ".$row["city"].'
';
}

iyr7buue

iyr7buue1#

你没有定义什么 modal 是。。。。试试这句台词,

success: function (data) {
            $("#myModal").html(data);
            $("#myModal").slideDown('slow');
        }

线路 $("#myModal").slideDown('slow'); 将显示您的模型与幻灯片效果。你也可以用 $("#myModal").css('display','block'); 显示而不是向下滑动的效果。
模式弹出窗口
创建 modal popup 你需要使用 bootstrap . 将boostrap添加到项目中,然后尝试此操作,

<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

在你的 javascript ,

success: function (data) {
                $("#myModal .modal-body").html(data);
                $("#myModal").modal('show');
            }

线路 $("#myModal").modal('show'); 将弹出模态。

相关问题