Metoda $.post() e jQuery-it përdoret për të postuar të dhëna nga një faqe e internetit dhe të treguar rezultatin e kthyer nga PHP pa e ringarkuar faqen. Këtu tregohet kodi i plotë të këtij shembulli.
Nëse e përdorni formularin me dërgim të të dhënave, fushën e postës elektronike caktoje si e-mail. Në secilin shfletues modern obligohet pastaj përdoruesi i faqes që ta shkruaj adresën e email-it sikur që duhet.
<div class="pjesa-me-demonstrim">
<div class="mbajtesi-me-demonstrim">
<form id="demoForm" method="post">
<div class="form-floating">
<input type="text" name="emri" id="emri" class="form-control" placeholder="Emri" autocomplete="off">
<label for="emri">Emri juaj</label>
</div>
<div class="form-floating">
<input type="text" name="email" id="email" class="form-control" placeholder="emri@shembull.com" autocomplete="off">
<label for="email">Adresa juaj postare-e</label>
</div>
</form>
</div>
<div class="mbajtesi-me-pulle">
<button id="pullaPerDergim" class="btn btn-warning text-start pulla">
<span class="pulla-ikona"><i class="fa-solid fa-truck-fast"></i></span>DËRGO</button>
</div>
<div class="pjesa-me-mesazh">
<div class="mbajtesi-me-mesazh">
<div id="mesazhi"></div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
// trego këtë përmbajtje të tekstit kur ngarkohet faqja, në shtresën me id mesazhi:
$("#mesazhi").html("Plotëso fushat dhe kliko në pullë për dërgim.")
// pas klikimit në pullë, zbato këtë funksion
$("#pullaPerDergim").click(function() {
// përdori këto ndryshore (var) për fushat e formularit:
var nEmri = $("#emri").val();
var nEmail = $("#email").val();
// nëse nuk është plotësuar asnjëra nga dy fushat, trego këtë tekst:
if (nEmri == '' && nEmail == '') {
$("#mesazhi").html("<span class='teksti-i-gabimit'>Të lutem plotëso fushat</span>")
}
// nëse ndryshorja nEmri është i zbrazët dhe nEmail nuk është i zbrazët
else if (nEmri == '' && nEmail !== '') {
$("#mesazhi").html("<span class='teksti-i-gabimit'>Emri duhet të plotësohet</span>")
}
// nëse nEmail është i zbrazët dhe nEmri nuk është i zbrazët
else if (nEmail == '' && nEmri !== '') {
$("#mesazhi").html("<span class='teksti-i-gabimit'>Adresa postare-e duhet të plotësohet</span>")
}
// përndryshe dërgo të dhënat tek faqja posto.php
else {
$.post("posto.php", // url e faqes PHP (ku postohen të dhënat)
{ // tregoi PHP-së se cilat të dhëna janë dërguar:
emri: nEmri,
email: nEmail
},
function(response) { // tregoi përdoruesit se çka është postuar:
$("#mesazhi").html(response);
$("#demoForm")[0].reset(); // rivendose formularin, shlyej atë që është plotësuar
});
}
});
});
</script>
</body>
</html>
<?php
// nëse është postuar fusha me emër:
if($_POST["emri"]) {
// krijo ndryshoret për fushat e pranuara:
$emri = $_POST["emri"];
$email = $_POST["email"];
// ...
// këtu mund t'i vendosni të dhënat në bazën e të dhënave
// ...
// Ktheja përgjigjen faqes me formular:
echo "Mirë se erdhe <strong>". $emri ."</strong>!";
}
?>