Ajax通过SOAP协议调用Web服务

前段时间做了一个用Ajax调用Web服务的Demo,在此记录一下。调用的是一个地理编码服务,该服务可以将地址转换为地理坐标,如下所示:

Ajax通过SOAP协议调用Web服务

点击该服务可以看到该服务SOAP形式的请求与返回结果形式,如下图所示:

Ajax通过SOAP协议调用Web服务

我们用Ajax通过SOAP协议调用Web服务,其实就是要构建SOAP形式的请求的xml,如上图所示,请求的xml格式一定要与上面给出的SOAP1.1 request保持一致。首先看一下画红框的头信息,Ajax的调用必须是POST请求,并且Ajax的Content-Type和SOAPAction这两个头信息也必须和上文该服务给出的一致。如下所示:

var url = "https://www.ip-assistance.pt/ws/gpsg/gps.asmx";//注意是https				
				xmlHttp.open("post", url, true);
				xmlHttp.setRequestHeader("Content-Type", "text/xml; charset=utf-8");
				xmlHttp.setRequestHeader("SOAPAction","http://www.ip-assistance.pt/WS/GPS/FreeTextGeoCode");

从上图中可以看到,浏览器地址栏中的协议是https,所以我们Ajax的url也必须是https://...

全部代码如下:

<!doctype>
<html>
	<head>
		<title></title>
		<style>
			table td.first{
				width:180px;
			}
		</style>		
	</head>
	<body>
		<div style="width:1000px;">
			<table style="width:100%;">
				<tr>
					<td class="first">lcCalle</td>
					<td><input type="text" id="lcCalle" value="Largo Jean Monnet" /></td>
				</tr>
				<tr>
					<td class="first">lnResultados</td>
					<td><input type="text" id="lnResultados" value="100" /></td>
				</tr>
			</table>
			<textarea id="textarea1" style="width:100%;height:400px;resize:none;"></textarea>
			<button style="display:block;" onclick="soapFreeTextGeoCode()">FreeTextGeoCode</button>
		</div>
		<script type="text/javascript">
			var textarea1 = document.getElementById("textarea1");
			
			function getXmlHttp(){
				var xmlHttp = null;
				try{  
					xmlHttp = new XMLHttpRequest();  
				}  
				catch(e){  
					try{  
						xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");  
					}  
					catch(e){  
						xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");  
					}  
				}
				return xmlHttp;
			}
		
			function soapFreeTextGeoCode(){
				var xmlHttp = getXmlHttp();
				if(!xmlHttp){
					alert("浏览器不支持Ajax !");
					return;
				}
				
				textarea1.value = "";
				var lcCalle = document.getElementById("lcCalle").value;
				var lnResultados = parseInt(document.getElementById("lnResultados").value);
				
				var data = "<?xml version='1.0' encoding='utf-8'?>";
				data += "<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/'>";
				data += "<soap:Body>";
				data += "<FreeTextGeoCode xmlns='http://www.ip-assistance.pt/WS/GPS/'>";
				data += "<lcId>DBB031FBACB3</lcId>";
				data += "<lcCalle>"+lcCalle+"</lcCalle>";
				data += "<lnResultados>"+lnResultados+"</lnResultados>";
				data += "<lcApp>SIA</lcApp>";
				data += "</FreeTextGeoCode>";
				data += "</soap:Body>";
				data += "</soap:Envelope>";				
				
				var url = "https://www.ip-assistance.pt/ws/gpsg/gps.asmx";//注意是https				
				xmlHttp.open("post", url, true);
				xmlHttp.setRequestHeader("Content-Type", "text/xml; charset=utf-8");
				xmlHttp.setRequestHeader("SOAPAction","http://www.ip-assistance.pt/WS/GPS/FreeTextGeoCode");
				xmlHttp.onreadystatechange = function () {
                    if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                        var responseXML = xmlHttp.responseXML;
						var FreeTextGeoCodeResult = responseXML.getElementsByTagName("FreeTextGeoCodeResult")[0];
						var childNodes = FreeTextGeoCodeResult.childNodes;
						var length = childNodes.length;
						for(var i=0;i<length;i++){
							var stringNode = childNodes[i];
							var textNode = stringNode.firstChild;
							var str = textNode.data;
							textarea1.value += str + "\n";
						}
						console.log("FreeTextGeoCode Result:",responseXML);
                    }    
                }
				xmlHttp.send(data);
			}
		</script>
	</body>
</html>


需要注意的是,上文中所拼接的lcId的值是我随意写的,所以这个服务不能真正使用,要想使用需要向服务发布者申请一个key,此处只是假设我们已经获取了key为DBB031FBACB3,不过调用该服务的Ajax的代码逻辑确实是如上文所述,最后我们在回调函数的xmlHttp.responseXML中可以获取返回结果,具体如何解析就灵活多了。


更多相关文章
  • paip.软件版本完善计划VC423   1.speed 2.ini tray  tray trc4 = new tray(this, floatForm1);   ver kunlun   3.per thread try catch   verkunlun   4.program try cat ...
  • Android 平台提供了两类动画. 一类是Tween动画,就是对场景里的对象不断的进行图像变化来产生动画效果(旋转.平移.放缩和渐变). 第二类就是 Frame动画,即顺序的播放事先做好的图像,与gif图片原理类似. 实现动画有两种方式:一种使用XML文件(文件放在res/anim),一种直接代码 ...
  • 扫描器的使用 这里我使用x-scanner作为介绍对象,原因是x-scanner集成了多种扫描功能于一身,它可以采用多线程方式对指定IP地址段(或独立IP地址)进行安全漏洞扫描,提供了图形界面和命令行两种操作方式,扫描内容包括:标准端口状态及端口banner信息.CGI漏洞.RPC漏洞.SQL-SE ...
  • 在两英寸对角线的触摸屏上做浏览器听起来不像是什么好主意,但这并不能阻止 Opera 这一曾经出现在载人火箭和任天堂 DSL 游戏机上的浏览器染指更多设备.
  • AIX环境下安装sybase   软件环境: 操作系统:aix6.0 Sybase版本:12.5.0.0 补丁版本:12.5.0.3   实验:   一.安装sybase数据库 1.修改操作系统对文件大小.内存栈.数据段的限制(如前面已经修改过了,这部分核实一下即可): # vi /etc/secu ...
  • 获取IP的C++代码  我想在这里强烈指出程序员与脚本小子与装B者的区别:一个有天分的程序员,他在登陆系统的时候,不会去考虑自己的手指敲击在哪个建上,而是在考虑为什么敲击键盘能够登陆到操作系统中!!! 很详细的注释,所以不作评论 #include<stdio.h>#include< ...
一周排行
  • 前言 Bob大叔提出并发扬了S.O.L.I.D五大原则,用来更好地进行面向对象编程,五大原则分别是: 1. The Single Responsibility Principle(单一职责SRP) 2. The Op ...
  • 影响版本:PHPlist 2.6.2 漏洞描述: PHPlist是一款由PHP编写的时事通讯应用程序.PHPlist由于不充分过滤用户提交的请求,远程攻击者可以利用这个漏洞包含远程服务器上的恶意PHP文件,以WEB权 ...
  • 运营商在社会渠道的全面较量开场."在2G时代,中国移动对社会渠道具有绝对的掌控力,有时会与经销商和代理商签署独家协议:但现在,联通和电信都增大了对社会渠道的投入,特别在3G用户发展上,给渠道的佣金远高过移动 ...
  • 其实,2003本身具有分区增容功能,但经我尝试不能对C盘操作,D盘还是可以的.具体方法如下: 一.划出自由空间 假设现在需要对D盘增容50MB的空间,这个空间需要从E盘上提取.那么首先要就从E盘上划分出这50MB的空 ...
  • 用户最常用的平台和浏览器是什么? 在创建移动网站之前,必选先确定谁是你的目标用户,他们会使用什么移动设备来访问你的网站.有许多分析工具可以帮助你回答这个问题,例如 Google Analytics.你可以在这里免费注 ...
  • SSRS 2012 高级图表类型 -- 股票图 股票图是专门用于分析价格波动的图表,其中"K线图"是最广为投资人使用的分析图表.K线图又被称为阴阳线,最初是日本米商用来标示米价涨跌状况的工具,后来 ...
  • Subset sequence Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total Su ...
  •   能够定义成为一个中文的,因为 java 中以 unicode 编码,一个 char 占 2 个字节,所以放一个中文是没问题的.而一个汉字也是2个字节.
  • 很早就知道这个概念,只知道是提供全球统一的编码,今天仔细搜索了一下. 问:什么是Unicode?答:Unicode给每个字符提供了一个唯一的数字,不论是什么平台,不论是什么程序,不论什么语言.Unicode标准已经被 ...
  • 2012年"双十一"连续一周日均处理包裹超3万个的快递神话,今年或将得到更加疯狂的延续.昨日(5月30日),阿里巴巴集团旗下的电子商务企业天猫,在去年联合顺丰.申通.圆通.韵达等9家快递企业的基础 ...