數據未在使用 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 或空值。 檢查那個。