Javascript 使用ajax时，数据不会在模式窗口中动态显示

我有一个模式窗口，在这个窗口中，我在Ajax功能的帮助下动态地获取数据，但是数据没有显示在模式窗口中

下面是模态窗口的HTML代码

<div id="tariffdetailModal" class="modal show fade" data-backdrop="static">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h6 class="modal-title">Dynamic Data</h6>
      </div>
      <input type="text" name="tmcode" id="tmcode" />
      <div class="modal-body pt-1">
        <div class="control-container" id="tariffdetail_data"> </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal"> <i class="fa fa-close"></i> Cancel </button>
      </div>
    </div>
  </div>
</div>

动态数据
取消

下面是使用Ajax函数加载数据的JavaScript代码

<script>
  $(document).ready(function(){

    $('#tariffdetailModal').on('show.bs.modal', function(e) {
      var tmcode = $(e.relatedTarget).data('book_id').tmcode;
      $(e.currentTarget).find('input[name="tmcode"]').val(tmcode);
      load_data();
    });

    function load_data(){
         $.ajax({
              url:"tariffdetaildata.php",
              method:"POST",
              //async: true,
              data:{},
              success:function(data){
                   $('#tariffdetail_data').html(data);
              }
         });

    }
  })
</script> 

$（文档）.ready（函数（）{
$（'tariffdetailModal'）。on（'show.bs.modal'，function（e）{
var tmcode=$（e.relatedTarget）.data（'book_id'）.tmcode；
$（e.currentTarget）.find（'input[name=“tmcode”]'）.val（tmcode）；
加载_数据（）；
});
函数加载_数据（）{
$.ajax({
url:“tarifftaildata.php”，
方法：“张贴”，
//async:true，
数据：{}，
成功：功能（数据）{
$（'tariffdetail_data'）.html（数据）；
}
});
}
})

下面是在Ajax函数中调用的数据的php页面

<?php
    $output=''; 
    $output .='<input type="text" name="abcd" value="abcd" />';
    echo $output;
?>

我没有看到任何

var tmcode=$（e.relatedTarget）.data（'book\u id'）.tmcode。“book_id”属性从何而来
.data（'book\u id）
可能返回未定义的值或空值。检查。
使用inspect或Source确保页面中没有具有相同ID的其他元素
tariffdetail\u数据
控制台是否记录任何错误？仅显示源映射错误：错误：请求失败，状态404 Resource URL:Source map URL:bootstrap.min.css.maptariffdetaildata.php将此文件实际放入此变量来自打开模式窗口的锚定标记代码实际上是我检查了它返回的正确值，我将值更改为“12345”，只是为了简单起见，但它从数据库中获取此变量的值。我用alert（tmcode）进行了检查，并返回了正确的值。我只需要将$output数据放入tarifftail_data div。我仍然认为您需要检查那里的值。
e.relatedTarget
的值是多少？。同时检查此
data-book_id='{“tmcode”：“12345”}'
。您正在从数据属性返回一个直接字符串，并且在调用
（'book_id'）.tmcode
之前没有对其进行解析。您可以将其简化为
data-book\u tmcode='12345'
检查控制台，查看ajax调用是否有错误