How do I handle $_POST data with AJAX and PHP?
803 Aug 2024
Handling $_POST
data with AJAX involves sending data asynchronously from the client-side to the server-side without refreshing the page:
<form id="ajax-form">
<input type="text" name="name">
<input type="submit" value="Submit">
</form>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("#ajax-form").submit(function(event) {
event.preventDefault();
$.ajax({
type: "POST",
url: "ajax_handler.php",
data: $(this).serialize(),
success: function(response) {
alert(response);
}
});
});
});
</script>
In ajax_handler.php
, handle the $_POST
data:
<?php
if ($_SERVER["REQUEST_METHOD"] === "POST") {
$name = $_POST["name"];
echo "Received: " . htmlspecialchars($name);
}
?>
AJAX allows for smooth and interactive web applications by handling form submissions and other requests asynchronously.
0 likes
Top related questions
Related queries
Latest questions
छठी पीढ़ी के दो नये चीनी लड़ाकू विमान सामने आये हैं।
08 Jan 2025 3
गुजरात में ध्रुव हेलीकॉप्टर दुर्घटनाग्रस्त होने से तटरक्षक बल के तीन कर्मियों की मौत हो गई।
06 Jan 2025 7
भारत में सबसे ज्यादा फोन बिकने वाला कौन सा है?
04 Jan 2025 2
भारत की राजधानी कौनसी है?
04 Jan 2025 4
उत्तर भारत में घने कोहरे के कारण दूसरे दिन भी दृश्यता कम रही, जिससे विमान परिचालन प्रभावित हुआ।
04 Jan 2025 3
Which colour is the best for an iPhone 15?
31 Dec 2024 6
दक्षिण कोरिया विमान दुर्घटना में 177 यात्री मारे गए।
29 Dec 2024 1