ajax 001

<link rel="stylesheet" type="text/css" href="css/basic.css">
<h1>load automatis dibawah</h1>
<p>saat halaman ini di klik. automatis dibawah ini akan ada tulisannya. Silakan view source dan lihat bahwa dibawah tidak ada tulisan! </p>
<p id='contoh'>kosong disini</p>
code ajax<pre>
$.ajax({
    url: "webservice",
    type: "GET",
    success: function(d) {
        console.log(d);
    }
});
</pre>*work on FF dan Opera.. <br/>
read more : https://www.sitepoint.com/jquery-vs-raw-javascript-3-events-ajax/
<script>
var target=document.getElementById("contoh");
    var r = new XMLHttpRequest();
    r.open("GET", "001-get.php", true);
    r.onreadystatechange = function () {
        if (r.readyState != 4 || r.status != 200){
            console.log('error');
            console.log(r);
            return false;
        }
        console.log(target);
        document.getElementById("contoh").innerHTML=r.responseText ;
    };
    r.send( );
</script>