Script ajax: Esempio base ajax

   difficoltà:  script script script script script

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>";

?>


Social:


Donazione:
Se questo script ti è stato utile e ti ho fatto risparmiare tempo e denaro fai una
qualsiasi cifra è ben accetta! 1€, 3€, 5€ ,10€, 50€ ;-) fai te!

Permalink: Tag:
script   ajax   base   querystring  
Script Simili: Permalink: Link utili:
Tools:
Feed RSS    



Lascia un commento


Codice di controllo*:
Nome*:
Email/Link:
Testo*:
 
I campi contrassegnati con * sono obbligatori.