Ajax and php 2.5

5 篇文章 0 订阅
5 篇文章 0 订阅
<DOCTYPE html>
<html>
	<head>
		<title>demo2.5</title>
		<meta charset="utf-8"/>
	</head>
	<body οnlοad="process()">
		<div id="myDivElement"/>
	</body>
	<script>
		var xmlHttp=createXmlHttpRequestObject();
		function createXmlHttpRequestObject(){
			var xmlHttp;
			try{
				xmlHttp=new XMLHttpRequest();
			}catch(e){
				var xmlHttpVersions=new Array(
				"MSXML2.XMLHTTP.6.0",
				"MSXML2.XMLHTTP.5.0",
				"MSXML2.XMLHTTP.4.0",
				"MSXML2.XMLHTTP.3.0",
				"MSXML2.XMLHTTP",
				"Microsoft.XMLHTTP");
				
				for(var i=0;i<xmlHttpVersions.length;i++){
					try{
						xmlHttp=new ActiveXObject(xmlHttpVersions[i]);
					}catch(e){
						
						}
					
					}
				}
				
				if(xmlHttp){
					return xmlHttp;
					}else{
						alert('Error create the xmlHttpRequest object!');
						}
			}
			
		function process(){
			if(xmlHttp){
				try{
					xmlHttp.open("GET","hello.txt",true);
					xmlHttp.onreadystatechange=handleRequestStateChange;
					xmlHttp.send(null);
				}catch(e){
					alert("Can't connect to server:\n"+e.toString());
					}
				}
			}
			
		function handleRequestStateChange(){
			myDiv=document.getElementById("myDivElement");
			if(xmlHttp.readyState==1){
				myDiv.innerHTML+="Request status:1(loading)<br/>";
				}else if(xmlHttp.readyState==2){
					myDiv.innerHTML+="Request status:2(loaded)<br/>";
					}else if(xmlHttp.readyState==3){
						myDiv.innerHTML+="Request status:3(interractive)<br/>";
						}else if(xmlHttp.readyState==4){
							if(xmlHttp.status==200){
								try{
									response=xmlHttp.responseText;
									myDiv.innerHTML+="Request status:4(complete).Server said:<br/>";
									myDiv.innerHTML+=response;
								}catch(e){
									alert("Error reading the response:"+e.toString());
									
								}
							}else{
								alert("There was a problem retrieving the data:\n"+xmlHttp.statusText);
								}
					}
			}
	</script>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值