কিভাবে বাটন যুক্ত করে বাটনের মাধ্যমে ডাটা প্রদর্শন করা যায়?~~Hedaet Forum~~

কিভাবে বাটন যুক্ত করে বাটনের মাধ্যমে ডাটা প্রদর্শন করা যায়?
এটির জন্য নিচের কোড লিখুন:
এইচটিএমএল ফাইল:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>AJAX Bangla Tutorial</title>
</head>
<body>
<button id="loadbutton">Load</button>
<div id="update"></div>
<script src="script.js"></script>
</body>
</html>

জাভাস্ক্রিপ্ট ফাইল:

var mybutton = document.getElementById('loadbutton'); mybutton.onclick = function() { var request; if (window.XMLHttpRequest) { request = new XMLHttpRequest(); } else { request = new ActiveXObject("Microsoft.XMLHTTP"); } request.open('GET', 'data.json'); request.onreadystatechange = function() { if ((request.readyState===4) && (request.status===200)) { var items = JSON.parse(request.responseText); var output = '<ul>'; for (var key in items) { output += '<li>' + items[key].name + '</li>'; } output += '</ul>'; document.getElementById('update').innerHTML = output; } } request.send(); } // loadAJAX