1:
2: var XMLHttpRequestObject = false;
3:
4: if (window.XMLHttpRequest) { // Jenis browser seperti Firefox, safari, atau Opera 5: XMLHttpRequestObject = new XMLHttpRequest();
6: } else if (window.ActiveXObject) { // Ini khusus untuk IE 7: XMLHttpRequestObject = new
8: ActiveXObject("Microsoft.XMLHTTP"); 9: }
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
Dengan Fungsi di atas, kita mencari tau jenis browser apa yang digunakan client. Dan melalui object XMLHttpRequestObject
website ini berkomunikasi secara langsung dengan server.
>> fungsi untuk mengkses file tertentu.
1: function getData(dataSource, divID)
2: { 3: if(XMLHttpRequestObject) { 4: var obj = document.getElementById(divID);
5: XMLHttpRequestObject.open("GET", dataSource); 6:
7: XMLHttpRequestObject.onreadystatechange = function()
8: { 9: if (XMLHttpRequestObject.readyState == 4 &&
10: XMLHttpRequestObject.status == 200) { 11: obj.innerHTML =
12: XMLHttpRequestObject.responseText;
13: }
14: }
15:
16: XMLHttpRequestObject.send(null);
17: }
18: }
status ready state dari XMLHttpRequestObject ada 4 jenis, dan memiliki arti masing2.
0 >> The request is not initialized
1 >> The request has been set up
2 >> The request has been sent
3 >> The request is in process
4 >> The request is complete
Pada bagian ini dia juga mencari pada bagian mana teks akan ditampilan (baris ke 4 dan 11,12)
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }