Jinsi ya Kutumia XMLHttpRequest kwa Data Requests
💻 Full Working Code
📁 index.html
<!DOCTYPE html>
<html lang="sw">
<head>
<meta charset="UTF-8">
<title>XMLHttpRequest - Faulink</title>
<style>
body { font-family: Arial; background: #f2f2f2; padding: 40px; text-align: center; }
#result { margin-top: 20px; background: #fff; padding: 20px; border-radius: 10px; display: inline-block; }
</style>
</head>
<body>
<h2>📡 Kutumia XMLHttpRequest kwa Data Requests</h2>
<button id="btn">Pata Ujumbe</button>
<div id="result">Hakuna data bado...</div>
<script>
document.getElementById("btn").addEventListener("click", function(){
let xhr = new XMLHttpRequest();
xhr.open("GET", "data.php", true);
xhr.onload = function(){
if(this.status == 200){
document.getElementById("result").innerHTML = this.responseText;
}
}
xhr.send();
});
</script>
</body>
</html>
📁 data.php
<?php
echo "📤 Hii ni data kutoka server kupitia XMLHttpRequest!";
?>
________________________________________
🎥 YouTube Description
XMLHttpRequest ni njia ya msingi ya kutuma requests kutoka JavaScript kwenda PHP backend.
Hii ndio msingi wa teknolojia zote za AJAX.
Utaona jinsi ya kufungua ombi, kupokea majibu, na kuyachapisha kwenye ukurasa bila refresh.
🔔 Subscribe kwenye Faulink Channel kwa masomo zaidi ya coding.
________________________________________
🏷️ Hashtags
#XMLHttpRequest #AJAX #JavaScript #PHP #Faulink #WebDevelopment #Frontend #LearnCoding
🚀 Unahitaji mfumo au website ya biashara?
Chagua huduma hapa chini kisha mteja bofya moja kwa moja kwenda kwenye ukurasa wa huduma au kuwasiliana nasi kwa WhatsApp.