环境:我的计算机中,有IIS功能.
1.在IIS目录下建立一个1.asp文件,内容如下:
<%
Response.Write "byebye"
Response.End
%>
在IE中可用http://127.0.0.1/1.asp测试一下是否OK.
2.在我桌面写一个1.HTM文件,内容如下:
<html>
<body onload="alert('load');">
<div id="mydiv">hello</div>
<input type="button" id="test" value="click" onclick="getdata();" />
<script type="text/javascript">
function getdata()
{
var xhttp = new ActiveXObject("Microsoft.XMLHTTP");
xhttp.open("GET", "http://127.0.0.1/1.asp", false);
xhttp.send();
while (xhttp.readystate!=4)
{
xhttp.waitForResponse(1000);
}
document.getElementById("mydiv").innerHTML=xhttp.responseText;//responsebody
//eval(xhttp.responseText)
}
</script>
</body>
</html>
3.用IE打开1.HTM,界面先提示load,并显示hello.然后点击按钮click,js向服务器请求数据,然后改变mydiv中的内容.
其它说明:
很想了解ajax的原理,但从网络上找到的资料都比较长,很多人都没那个耐性去调试,删减代码.我是在试xmlhttp数据采集时,才整理出这段短代码的.自己看了,挺满意的,一下子对ajax就有了感性的认识.以后要测试,可以在这个基础上测试.
代码中,xhttp.responseText用responsebody代替,则会显示乱码,可能当成UTF8来解释了.
有些示例中,使用eval(xhttp.responseText)来处理返回的结果.这也是一种好方法.