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

布满荆棘的人生 2023-10-06 19:27 6阅读 0赞

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5rGf5bee55uK5b2k_size_20_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][c9f27cd644b74fe196a7a9a6ce5591c4.png]

<!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>

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5rGf5bee55uK5b2k_size_20_color_FFFFFF_t_70_g_se_x_16 1]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5rGf5bee55uK5b2k_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/dfc91ce7b9e8480eba585ee1a46b4fa4.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5rGf5bee55uK5b2k,size_20,color_FFFFFF,t_70,g_se,x_16
[c9f27cd644b74fe196a7a9a6ce5591c4.png]: https://img-blog.csdnimg.cn/c9f27cd644b74fe196a7a9a6ce5591c4.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5rGf5bee55uK5b2k_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/b368f5a15bed47f0b6643f898541a234.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5rGf5bee55uK5b2k,size_20,color_FFFFFF,t_70,g_se,x_16