Ajax and php 2_6

5 篇文章 0 订阅
5 篇文章 0 订阅
</pre><pre name="code" class="javascript"><p>
</p><p><DOCTYPE html></p><html>
	<head>
		<title>2_6</title>
		<meta charset="utf-8"/>
	</head>
	<body οnlοad="process()">
		<div id="myDiv">
			
		</div>
	</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",
				"Mircosoft.XMLHTTP"
				);
				
				for(var i=0;i<XmlHttpVersions.length&&!xmlHttp;i++){
					try{
						xmlHttp=new ActiveXObject(XmlHttpVersion[i]);
					}catch(e){
						}
					}
				}
			if(xmlHttp){
				return xmlHttp;
				}else{
					alert('Error create the XMLHttpRequest object.');
					}
			}
			
		function process(){
			if(xmlHttp){
				try{
					xmlHttp.open("GET","books.xml",true);
					xmlHttp.onreadystatechange=handleRequestStateChange;
					xmlHttp.send(null);
				}catch(e){
					alert("Can't connect to server:\n"+e.toString());
					}
				}
			}
			
			function handleRequestStateChange(){
				if(xmlHttp.readyState==4){
					if(xmlHttp.status==200){
						try{
							handleServerResponse();
						}catch(e){
							alert("Error reading the response:"+e.toString());
							}
						}else{
							alert("There was a problem retrieving the data:\n"+xmlHttp.statusText);
							}
					}
				}
				
			function handleServerResponse(){
				var xmlResponse=xmlHttp.responseXML;
				//XML文件格式一定要正确
				xmlRoot=xmlResponse.documentElement;
				//注意getElementsByTagName
				titleArray=xmlRoot.getElementsByTagName("title");
				isbnArray=xmlRoot.getElementsByTagName("isbn");
				
				var html="";
				for(var i=0;i<titleArray.length;i++){
					html+=titleArray.item(i).firstChild.data+","+isbnArray.item(i).firstChild.data+"<br/>";
					}
				myDiv=document.getElementById('myDiv');
				myDiv.innerHTML="Server says:<br/>"+html;
				}
	</script>
</html>
 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值