sql >> Database teknologi >  >> RDS >> Mysql

Udfylder modalt indhold ved hjælp af PHP og AJAX?

Okay, her er min implementering af dette spørgsmål, det vil være en smule enklere blot at give det grundlæggende og lade dig redigere din egen kode i overensstemmelse hermed.

Først og fremmest er hele mit modale indhold en div med et id, <div id="modalcontent"> </div>

Antag derefter, at denne knap skal åbne og udfylde min modal med data

<a href="#" onclick="openModal()">Open</a>

openModal() vil se nogenlunde sådan her ud

$.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
});

Igen, der er mange måder at gøre dette på. Der er bedre måder at gøre dette på. Men du bør forstå, hvordan sådan noget fungerer, du kan kun få output fra PHP-filen i javascript og redigere dit indhold med javascript. Du kan hente dine data fra et andet PHP-script, som vil blive udført af javascript, når du har brug for det, men selve PHP-scriptet kan ikke ændre indholdet af din allerede indlæste side.

Brug af denne kode og antagelse af alerts.php vil echo "you have a notification"; , <div id="modalcontent"> </div> ændres til <div id="modalcontent">you have a notification</div> og så skiftes modalen. Denne metode sikrer også, at modalen kun åbnes efter dataene hentes, så det er umuligt for modalen at åbne uden dataene indeni.




  1. Hvordan håndterer jeg enkelte anførselstegn i en SQL-forespørgsel i PHP?

  2. Design af en normaliseringsdatabase for at få 5 nærmeste nabo ved hjælp af MySQL spatial index

  3. Byg en dynamisk menu ved hjælp af indlejrede sæt

  4. PostgreSQL fremmednøgle eksisterer ikke, udstedelse af arv?