一个例子解释AJAX

最新推荐文章于 2022-03-05 13:40:23 发布

chenshizero

最新推荐文章于 2022-03-05 13:40:23 发布

阅读量609

点赞数

分类专栏： WEB 文章标签： ajax xmlhttprequest function javascript server html

WEB 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

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