Script ajax: Esempio base ajax

difficoltà:

Script simili
19/7/2006

Esempio base ajax: con questo semplice script invieremo via querystring una variabile da una pagina, la quale elaborerà il risultato, che verrà scritto in un div della pagina

<script type="text/javascript" language="javascript">

    var http_request = false;

    function makeRequest(url,getvar,funzione) {

        http_request = false;
        if (window.XMLHttpRequest) { // Mozilla, Safari,...
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                //http_request.overrideMimeType('text/xml');
                // See note below about this line
            }
        } else if (window.ActiveXObject) { // IE
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }

        if (!http_request) {
            alert('Giving up :( Cannot create an XMLHTTP instance');
            return false;
        }
        http_request.onreadystatechange = funzione;
        http_request.open('POST', url, true);
	http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        http_request.send(getvar);

    }

    function alertContents() {

        if (http_request.readyState == 4) {
            if (http_request.status == 200) {
                //alert(http_request.responseText);
		document.getElementById("result").innerHTML = http_request.responseText;
            } else {
                alert('There was a problem with the request.');
		
            }
        }else{
		document.getElementById("result").innerHTML ="loading";
	}

    }
</script>
<a href="javascript:void(null)" onclick="makeRequest('res.php?w=script', null, alertContents)">
        Make a request
</a>

<div id="result"></div>

Nella pagina res.php avremo semplicemente la ricezione della variabile e la scritta della stessa. Chiaramente avremo potuto passare un id di un oggentto presente in un database e quindi effettuare una query.

<?
header("Content-type:text/html;charset=iso-8859-1");
//$secretword = $_REQUEST['w'];
$secretword = $_GET['w'];
echo "<p>La parola inserita è <b>$secretword</b>.</p>";

?>