Mysql
 sql >> Base de Dados >  >> RDS >> Mysql

Preenchendo conteúdo modal usando PHP e AJAX?


Tudo bem, aqui está minha implementação sobre esse problema, será um pouco mais simples fornecer apenas o básico e permitir que você edite seu próprio código de acordo.

Em primeiro lugar, todo o meu conteúdo modal é um div com um id, <div id="modalcontent"> </div>

Então, suponha que este botão deve abrir e preencher meu modal com dados
<a href="#" onclick="openModal()">Open</a>

openModal() será algo assim
$.post("alerts.php", {
    id: ID
}, function(data) {//data will contain whatever alerts.php prints
document.getElementById("modalcontent").innerHTML = data;//insert data into modal
$('#my-modal').modal('toggle');//open modal
});

Novamente, há muitas maneiras de fazer isso. Existem maneiras melhores de fazer isso. Mas você deve entender como algo assim funciona, você só pode obter a saída do arquivo PHP em javascript e editar seu conteúdo com javascript. Você pode obter seus dados de outro script PHP, que será executado por javascript sempre que precisar, mas o próprio script PHP não pode modificar o conteúdo da sua página já carregada.

Usando este código e assumindo alerts.php irá echo "you have a notification"; , <div id="modalcontent"> </div> mudará para <div id="modalcontent">you have a notification</div> e então o modal será alternado. Este método também garante que o modal seja aberto apenas depois os dados são buscados, então é impossível para o modal abrir sem os dados dentro.