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< ...
一周排行
  • 易网科技讯 5月8日消息,从代理<水果忍者>开始进入行业视野的乐逗游戏有了快速的发展,在签下<神庙逃亡>后,乐逗游戏开始了代理之外的业务.乐逗游戏联合创始人高炼惇在接受易网科技专访时表示,去年 ...
  • 这两天学习了一下Firefox扩展的开发,根据官方文档一步步做了下来,记一点笔记备忘: 按照下面写的步骤可以很轻松的为Firefox 创建一个扩展. 要打包一个可供安装的扩展很简单,把整个目录打包为zip,然后改后缀 ...
  •     在Python中使用help帮助 >>> import numpy >>> help(numpy.argsort)   argsort函数用法:(numpy-ref-1.8 ...
  • A Secure Shell (SSH) library for .NET 觉得有用,就记录下来了 http://www.tamirgal.com/blog/page/SharpSSH.aspx http://sou ...
  • 这个视图文件非常简单.主要利用的就是ob_start() ,ob_get_content();这个文件位于includes文件夹内 view.php [php]  <?php  class view{      ...
  • s3c2440芯片中一共有5个16位的定时器,其中有4个定时器(定时器0~定时器3)具有脉宽调制功能,因此用s3c2440可以很容易地实现PWM功能.下面就具体介绍如何实现PWM功能.  用到的寄存器:        ...
  • 派遣函数 派遣函数是WIndows驱动程序中的重要概念.驱动程序的主要功能是负责处理I/O请求,其中大部分I/O请求是在派遣函数中处理的. 用户模式下所有驱动程序的I/O请求,全部由操作系统转化为一个叫IRP的数据结 ...
  • 1 引言 实现宽带接入的技术有很多种,其中FTTx+LAN的方案是目前最热门的几种技术之一.所谓FTTx+LAN技术,就是在光纤到小区的基础上,采用计算机局域网接入终端用户,利用光纤加5类线,以及以太网交换技术,实现 ...
  • 1.组件分类 大致分为四大类: 1.容器类组件 2.工具栏及菜单栏组件 3.表单及元素组件 4.其他组件 2.控件(widgets):控件是指可以直接在页面中创建的可视化组件,比如面板.选项板.表格.树.窗口.菜单. ...
  • json格式的数据越来越多的在web开发中起到重要作用.下面介绍对于json对象和数组经常用到解析方法.   var obj ={”name”:”冯娟”,”password”:”123456″,”department ...