Javascript 将值从php传递到modal

我正在尝试将一个值从php传递到modal，但它似乎不起作用，控制台中并没有错误

这是我在while循环中的php

echo'
  <tbody>
    <tr>
      <td>'.$row->equipID.'</td>
      <td>'.$row->equipType.'</td>
      <td>
        <a href="#editModal" class="btn btn-info btn-xs" data-id="'.$row->equipID.'" data-toggle="modal">
        <i class="fa fa-pencil"></i> Edit </a>
      </td>
    </tr>
  </tbody>';

echo'
“.$row->equipID。”
“.$row->equipType。”
';

这是一个html文件，我想在其中传递来自php的值

<div class="modal fade" id="editModal" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <h3 class="modal-title">Edit Truck Category</h3>
      <div class="modal-body">
        <form>
          <div class = "fetched-data"></div>
          <input type="text" id="truck" placeholder="Truck Category *"  required>
        </form>
      </div>
    </div>
  </div>
</div>

编辑卡车类别

这是我的js

<script>
  $(document).ready(function(){
    $('#editModal').on('show.bs.modal', function (e) {
        var rowid = $(e.relatedTarget).data('id');
        $.ajax({
            type : 'post',
            url : 'fetch_record.php', //Here you will fetch records
            data :  'rowid='+ rowid, //Pass $id
            success : function(data){
            $('.fetched-data').html(data);//Show fetched data from database
            }
        });
     });
  });
</script>

$（文档）.ready（函数（）{
$（'#editModal'）.on（'show.bs.modal'，函数（e）{
var rowid=$（e.relatedTarget）.data（'id'）；
$.ajax({
键入：“post”，
url:'fetch_record.php'，//您将在这里获取记录
数据：“rowid=”+rowid，//传递$id
成功：功能（数据）{
$（'.fetched data'）.html（data）；//显示从数据库中提取的数据
}
});
});
});

事先非常感谢。

我忘了包括

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

---

您可以使用加载功能来实现上述功能。我将用一个例子来描述它。请注意，我只包含了需要解释的代码段

1.我从PHP文件返回一个表（假设：file name-data.PHP）。

$table = "<table class='table table-bordered'>";
// Table data
$table.="</table>";
echo $table;

<div id="mymodal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            </div>
            <div class="modal-body mymodal-body">
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>

---

我希望上面的代码示例将帮助您了解您的问题。您可以尝试使用load函数。

您是在日志文件中打印php输出，还是直接在浏览器中打印（不使用ajax）并验证是否从php中获得了有效的html输出代码？console.log（data）inside success，看看它是否符合您的预期。没有任何值。我还试着发出警报（“成功”）；内部成功，但它没有弹出，因此我无法验证从php传递的数据是否正确correct@NoobProgramer首先检查fetch_record.php，如果它返回数据是的，我尝试放置一个虚拟数据，它可以工作

$('.mymodal-body').load('/data.php', function (result) {
        $('#mymodal').modal({show: true});