bootstrap modal recréer sans recharger

Question

Le contenu de la fenêtre modale est généré quand la page était chargée. Puis-je régénérer le contenu de cette fenêtre modale par JS sans recharger la page?

Ma fenêtre modale:

<div class="modal-team-NtSubstitutePlayers modal fade" tabindex="-1" role="dialog"> 
      <div class="modal-dialog modal-lg" role="document"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
        </div> 
        <div class="modal-body"> 
         <div class="list-of-players text-center"> 
          <div class="list"> 
           @foreach($team->players as $player) 
            @if ($player->ntsubstitute && !$player->ntskipnextmatch) 
             <a class="player_choose" id="player_id_substitute_{{$player->id}}"> 
              <div class="player"> 
               .... 
              </div> 
             </a> 
            @endif 
           @endforeach 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 

Answer 1

HTML Ajouter un ID au modal.

<div id="myModal" class="modal-team-NtSubstitutePlayers modal fade" tabindex="-1" role="dialog"> 
      <div class="modal-dialog modal-lg" role="document"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
        </div> 
        <div class="modal-body"> 
         <div class="list-of-players text-center"> 
          <div class="list"> 
           @foreach($team->players as $player) 
            @if ($player->ntsubstitute && !$player->ntskipnextmatch) 
             <a class="player_choose" id="player_id_substitute_{{$player->id}}"> 
              <div class="player"> 
               .... 
              </div> 
             </a> 
            @endif 
           @endforeach 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 

JavaScript

//Show the modal 
$("#myModal").modal("show"); 

//Reload the modal content 
var modalHtml = $("#myModal").html(); 
$("#myModal").html(""); 
$("#myModal").html(modalHtml); 

//Hide the modal 
$("#myModal").modal("hide");