数据未在使用 ajax 的模式窗口中动态显示

Question

我有一个模态窗口，我在其中借助 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> 

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

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

Answer 1

我没有看到任何var tmcode = $(e.relatedTarget).data('book_id').tmcode; . 属性“book_id”从何而来？ .data('book_id)可能返回 undefined 或空值。 检查那个。