AJAX 学习笔记(3) Ajax标准交互实例

最新推荐文章于 2024-08-27 10:00:37 发布

apinghappy

最新推荐文章于 2024-08-27 10:00:37 发布

阅读量666

点赞数

CC 4.0 BY-SA版权

分类专栏：开发文章标签： ajax xmlhttprequest asynchronous function xhtml html

本文链接：https://blog.youkuaiyun.com/apinghappy/article/details/1724495

开发专栏收录该内容

93 篇文章

订阅专栏

本文介绍了一个简单的Ajax请求示例，使用XMLHttpRequest对象发起GET请求并处理服务器响应。示例包含一个HTML页面与一个XML文件作为服务器响应内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

3.Ajax标准交互实例

simpleRequest.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TE/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Simple XMLHttpRequest</title>
<script type="text/javascript">
var xmlHttp;

function creatXMLHttpRequest()
{
if (window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}

function startRequest()
{
creatXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "simpleResponse.xml", true);
xmlHttp.send(null);
}

function handleStateChange()
{
if(xmlHttp.readyState == 4)
   {
     if(xmlHttp.status == 200)
      {
        alert("The server replied with:/r/n" + xmlHttp.responseText);
      }
    }
}
</script>
</head>