Невозможно загрузить bootstrap modal с данными ajax

Question

Я использую codeigniter для создания своего сайта. У меня есть раскрывающееся меню на моей первой странице, содержащее такие ссылки, как «Профиль», «Редактировать» и т. Д. Когда я нажимаю ссылку (профиль), она должна отображать загрузочный модаль с соответствующими пользовательскими данными. Используется jquery, чтобы получить текущий id и ajax для извлечения данных из базы данных. Но, когда я попытался загрузить загрузочный модальный с данными ответа, он ничего не отображает. Что я должен сделать, чтобы загрузить модальный с помощью данных ответа ajax.? Ответ представляет собой массив, содержащий имя пользователя, адрес, номер телефона и т.д.

Answer 1

Модальные HTML

<div class="modal fade" id="MyModal" tabindex="-1" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button> 
      <h4 class="modal-title">Modal Title</h4> 
      </div> 
      <div class="modal-body"> 
       <div id="UserName"></div> 
       <div id="Address"></div> 
       <div id="Phone"></div> 
      </div> 
      <div class="modal-footer" id="buttons-box"> 
       <button type="button" class="btn default" data-dismiss="modal">Close Modal</button> 
      </div> 
     </div> 
    </div> 
</div> 

ваш скрипт JQuery

$.get('your_server_script.php', {UserId: 'UserId'}, function (response) { 
    $('#UserName').text(response.UserName); 
    $('#Address').text(response.Address); 
    $('#Phone').text(response.Phone); 

    $('#MyModal').modal('show'); 
});