一个例子解释AJAX

最新推荐文章于 2024-09-20 16:26:58 发布

jiji262

最新推荐文章于 2024-09-20 16:26:58 发布

阅读量1k

点赞数

分类专栏： 5. Ajax 8. Web2.0 文章标签： xmlhttprequest function ajax javascript server html

本文链接：https://blog.csdn.net/jiji262/article/details/1815999

版权

5. Ajax 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

8. Web2.0

3 篇文章 0 订阅

订阅专栏

当然，不可能用一个例子解释完全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";
?>