💻 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