与服务器通信，发送请求和处理响应
XMLHttpRequest 有两个可以用来访问服务器响应的属性
respo-nseText 可以把响应变成一个串
responseXML可以把响应变成一个XML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtll-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
<!--定义一个变量-->
var xmlHttp;
<!--创建函数-->
function createXMLHttprequest()
{
<!--判断window 对象表示一个浏览器窗口或一个框架 Activexobject对象是启用并返回 automation 对象的引用-->
if(window.ActiveXObject)
{
<!--实例化xmlHtto -->
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
<!--否则 如果 window 调用 XMLHttpRequest-->
else if (window.XMLHttpRequest)
{
<!--实例化xnlHttp-->
xmlHttp = new XMLHttpRequest();
}
}
<!--创建函数-->
function startRequest()
{
<!--createXMLHttpRequest 创建一个XMLHttpRequest-->
createXMLHttpRequest();
<!--xmlHttp 调用 onreadystatechange 属性储存了回调函数的指针 handleStateChange 取得头部数字-->
xmlHttp.onreadystatechange = headleStateChange;
<!--xmlHttp 发送请求给innerHTML.xml文件 -->
xmlHttp.open("GET" , "innerHTML.xml" , true);
<!--开始发送-->
xmlHttp.send(null);
}
<!--创建函数-->
function handleStateChange()
{
<!--判断xmlHttp的返回值类型 等于 4-->
if(xmlHttp.readyStat == 4)
{
<!--判断xmlHttp返回的数值 等于 200-->
if(xmlHttp.state == 200)
{
<!--显示 resulteID innerHTML等于 返回的字符串-->
document.getElementById("results").innerHTML = xmlHttp.responseText;
}
}
}
</script>
</head>
<body>
<form action="#">
<input type="button" value="Search" for Tody "s Activities" onclick = "startRequest();" />
</form>
<div id="results"></div>
</body>
</html>
有问题 得不错结果
1月17号学习Ajax(第75天的 ...
猜你喜欢
转载自xjwolaile.iteye.com/blog/1771799
今日推荐
周排行