O Marconi deu a solução de usar iframe, que não é muito recomendado (é que na verdade, depende da aplicação, se for só esse modal e for coisa simples não tem problema, mas imagina o Facebook por exemplo, ou qualquer sistema na realidade...)
Outra solução é fazer um requisição Ajax, eis com JQuery:
//Open Modal
function loadModal(modalPage, modalBox, button){
$.ajax({
url: "/modals/" + modalPage,
async: true,
success: function(data){
$("#" + modalBox + " .modal-body").html(data);
button.removeAttribute("onclick");
},
beforeSend: function(){
$("#" + modalBox + " .modal-body").html("<img src='/images/loading.gif'> Carregando...");
},
error: function(){
$("#" + modalBox + " .modal-body").html("Ocorreu uma erro!");
}
});
}
Essa é uma função que fiz para um projeto e é bem fácil de usar, nome das variáveis:
modalPage: O endereço da página a ser carregada para dentro do modal.
modalBox: É o id
do modal que está sendo carregado, então dá para carregar em diversos modais na página, você adapta ao seu ai.
button: Esse é o botão que abre o modal, eu desativo ele para a pessoa não clicar duas vezes.
Bom, é só adaptar ao seu código ai, arruma os endereços, ids e classes de acordo com o seu! Espero que tenha ajudado!