LOAD DATA INTERACTIVE || AJAX
Halo semua pada kesempatan
kali ini kita akan membahas tentang load data interactive.
Jadi load data interactive
kita dapat menambahkan data secara otomatis hingga kita stop prosesnya . Dengan menambahkan .
var timerId = setInterval(function() {
sndReq();
}, 5000);
function stop(){
clearInterval(timerId);
}
coding full. untuk mengetahui sintax berikut silahkan kunjungi artikel ajax sebelumnya . Karena ini adalah lanjutan dari pembelajaran ajax.
<html>
<head>
<title>Belajar AJAX</title>
<script lang="javascript">
function createRequestObject() {
var ro;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
ro = new ActiveXObject("Microsoft.XMLHTTP");
}else{
ro = new XMLHttpRequest();
}
return ro;
}
var http = createRequestObject();
function sndReq() {
http.open('get', ' http://localhost:3000/mahasiswa');
http.onreadystatechange = function(){
if(http.readyState == 4){
var response = http.responseText;
var datajson = JSON.parse(response);
var tbl = '<table border="1">';
tbl += '<tr><td>No</td><td>NIM</td><td>Nama</td><td>Jurusan</td></tr>';
for(var i = 0; i < datajson.length; i++){
tbl += '<tr><td>'+i+'</td><td>'+datajson[i]['nim']+'</td><td>'+
datajson[i]['nama']+'</td><td>'+datajson[i]['jurusan']+'</td></tr>';
}
tbl += '</table>';
document.getElementById('foo').innerHTML = tbl;
}
};
http.setRequestHeader("Content-Type","application/json");
http.setRequestHeader("Access-Control-Allow-Origin","*");
http.setRequestHeader("Access-Control-Allow-Method","GET");
http.setRequestHeader("Pragma","no-cache");
http.setRequestHeader("Cache-Control","no-cache");
http.send(null);
}
var timerId = setInterval(function() {
sndReq();
}, 5000);
function stop(){
clearInterval(timerId);
}
</script>
</head>
<body>
<div id="foo"></div>
<a href="javascript:stop()">Stop</a>
</body>
</html>
Komentar
Posting Komentar