一月17号学习Ajax(第75天的 .
日期：2014-05-16 浏览次数：20601 次
1月17号学习Ajax(第75天的 ...
与服务器通信，发送请求和处理响应
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>
有问题 得不错结果
与服务器通信，发送请求和处理响应
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>
有问题 得不错结果
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
