У меня есть одно модальное окно, в котором я извлекаю данные динамически с помощью функциональности Ajax, но данные не отображаются в модальном окне.

Ниже приведен HTML-код для модального окна.

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

Ниже приведен код JavaScript для загрузки данных с помощью функции Ajax.

 {amp}lt;script{amp}gt; $(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); } }); } }) {amp}lt;/script{amp}gt; 

Ниже приведена страница php для данных, которая вызывается в функции Ajax ….

 {amp}lt;?php $output=''; $output .='{amp}lt;input type="text" name="abcd" value="abcd" /{amp}gt;'; echo $output; ?{amp}gt; 

Я не вижу никакой var tmcode = $(e.relatedTarget).data('book_id').tmcode; , Откуда берется атрибут «book_id»? .data('book_id) может возвращать неопределенное или пустое значение. Проверь это.