一个例子解释AJAX

当然,不可能用一个例子解释完全Ajax的全部内容,一本书也很难说呵呵,但愿在此可以一斑窥见全豹:>

<html>
<head>
<title>My Ajax Application</title>
<script Language="JavaScript">
function getXMLHTTPRequest() {
try {
req = new XMLHttpRequest();
} catch(err1) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch (err2) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (err3) {
req = false;
}
}
}
return req;
}

var http = getXMLHTTPRequest();

function getServerText() {
var myurl = 'textserver.php';
myRand = parseInt(Math.random()*999999999999999);
var modurl = myurl+"?rand="+myRand;
http.open("GET", modurl, true);
http.onreadystatechange = useHttpResponse;
http.send(null);
}

function useHttpResponse() {
if (http.readyState == 4) {
if(http.status == 200) {
var mytext = http.responseText;
document.getElementById('myPageElement').innerHTML = mytext;
}
} else {
document. getElementById('myPageElement').innerHTML = "";
}
}

</script>
</head>
<body onLoad="getServerText()">
Here is the text returned by the server:<br>
<div id="myPageElement"></div>
</body>
</html>

/*
<?php
echo "This is the text from the server";
?>
  来源链接。

你可能感兴趣的:(一个例子解释AJAX)