web service006——第三种方式调用，通过Ajax方式访问（跨域）http请求xml数据

最新推荐文章于 2023-06-20 16:29:47 发布

-王二毛-

最新推荐文章于 2023-06-20 16:29:47 发布

阅读量79

点赞数

分类专栏： # web service 文章标签： ajax http xml

本文链接：https://blog.csdn.net/weixin_45084986/article/details/120309485

版权

web service 专栏收录该内容

17 篇文章 2 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ajax方式调用webservice</title>
	<script>
		function getXMLHttpRequest(){
			var xmlhttpReq=null;
			if (window.XMLHttpRequest)
			{
			    //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
			    xmlhttpReq=new XMLHttpRequest();
			}
			else
			{
				if(window.ActiveXObject){
					try{
						// IE6, IE5 浏览器执行代码
			    		xmlhttpReq=new ActiveXObject("Microsoft.XMLHTTP");
					}catch(e){
						try{
							xmlhttpReq=new ActiveXObject("Msxml2.XMLHTTP");
						}catch(e){
							
						}
					}
				}
			    
			}
			return xmlhttpReq;
		}
		
		window.onload=function(){
			document.getElementById("testAjax").onclick=function(){
				var xhr=getXMLHttpRequest();
				
				//注册回调
				xhr.onreadystatechange=function(){
					if(xhr.status==200){
						if(xhr.readyState==4){
							var data=xhr.responseXML;
							alert(data);
						}
					}
				}
				
				var dataxml='<?xml version="1.0" encoding="utf-8"?>';
				dataxml+='<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">';
				dataxml+='<soap:Body>';
				dataxml+='<getMobileCodeInfo xmlns="http://WebXml.com.cn/">';
			    dataxml+='<mobileCode>13652853172</mobileCode>';
			    dataxml+='<userID>null</userID>';
			    dataxml+='</getMobileCodeInfo>';
				dataxml+=' </soap:Body>';
				dataxml+='</soap:Envelope>';
				alert(dataxml);
				//xhr.setRequestHeader("Content-Type", "text/xml; charset=utf-8");
				//第二次发送post请求
				xhr.open("POST","http://ws.webxml.com.cn/WebServices/MobileCodeWS.asmx",true);
				
				xhr.send(dataxml);
				alert("000");
			}
		}
		
	</script>
</head>
<body>
	<button type="button" id="testAjax">ajax访问webservice</button>
</body>
</html>