[AJAX] Use AJAX at the first time

AJAX W3school 1

AJAX = Asynchronous JavaScript and XML.

AJAX is not a new programming language, but a new way to use existing standards.

AJAX is the art of exchanging data with a server, and updating parts of a web page - without reloading the whole page.

Javascript

function loadXMLDoc()
{
    var xmlhttp;

    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    }

    xmlhttp.open("GET","../ajax_info.txt",true);
    xmlhttp.send();
}

HTML

<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button class="upc_button1 floatright" onclick="loadXMLDoc()" type="button"><span>Change Content</span></button>

Othher

Create a file was called “ajax_info.txt”

Reference

---

1. AJAX Tutorial - W3Schools ↩