ajax调用后模态显示空白

Question

我正在用 php 开发一个页面，该页面具有多个动态模式，用于在页面本身中显示具有各自标题和作者姓名的 pdf 文件。所有的数据都来自一个用 MySQL 设计的数据库。触发按钮也应该是动态的。我已经尝试了以下代码。问题是我让模态框空白。我能够在fetch-reader.php页面本身中打印数据。我认为我在AJAX或模态部分做错了什么。请指导我完成它。<?php $sqlGal = "select * from articles where year = '2019'";$queryGal = $con->query($sqlGal);if ($queryGal->num_rows > 0) {    while ($row = $queryGal->fetch_array()) { ?>    <div class="col-md-3 gallery-grid">        <h3 style="height: 200px; vertical-align: bottom; margin: 0; display: table-cell;"><?php echo($row['title']) ?></h3>        by<h4><?php echo($row['name']) ?></h4>        <a href="#myReader" class="btn btn-success" id="readerID" data-toggle="modal" data-id="<?php echo($row['id']); ?>"> <i class="fa fas fa-book-open"></i> Read</a>    </div>    <?php }}?><div class="clearfix"></div><div class="modal fade" id="myReader" role="dialog">    <div class="modal-dialog" role="document">        <div class="modal-content">            <div class="modal-header header">                <button type="button" class="close" data-dismiss="modal">&times;</button>                <h3 id="articleName"></h3>                <h4 id="name"></h4>                <h6 id="position"></h6>                <h6 id="address"></h6>            </div>            <div class="modal-body">                <object data="" id="reader" width="100%" height="450px"></object></div>            </div>        </div>    </div></div>请指导我任何其他可以达到我目的的方式，但我不想为此目的使用任何第三方工具。

Answer 1

我认为您在 ajax 中发送了错误的数据。在你的“$ .ajax”调用中试试这个：

data: { 'rowid': rowid }

如果请求显示任何错误，请尝试检查浏览控制台。在您的 ajax 调用中，您只检查成功返回，而不是失败。