- 浏览: 1183099 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (361)
- java综合 (33)
- 项目管理 (10)
- 工作流 (6)
- spring (11)
- hibenate (17)
- struts (0)
- javascript,html,css,ajax,jquery (11)
- IDE (9)
- 生活 (0)
- 工作 (0)
- 杂记 (1)
- 数据库 (96)
- 服务器 (5)
- 可视编辑 (0)
- freemarker (6)
- 操作系统 windows (13)
- web页面 (6)
- jms (15)
- 调优 (4)
- 测试和bug管理 (2)
- 原理 (1)
- 項目-atf (17)
- 安全 (3)
- xml (4)
- 操作系统 liunx (21)
- 网络 (22)
- office (11)
- 设计 (2)
- 软件 (1)
- 数据库 mysql (6)
- 胖客户端-flex (1)
- 正则 (9)
- oracle- liunx (3)
- sql2000 (2)
- 模式 (1)
- 虚拟机 (2)
- jstl (2)
- 版本控制 打包工具 (0)
- AOP (1)
- demo (1)
- 小软件 (2)
- 感恩 (1)
- iphone 4 (1)
- 反欺诈业务经验整理 (0)
最新评论
-
sea0108:
mark
java内存模型 -
XingShiYiShi:
方便把:testPNR();具体实现发出来吗?谢谢
用正则表达式解析 航信的电子客票和pnr报文 -
wh359126613:
如果js和webservice不在同一个服务器上,有跨域问题如 ...
使用javascript调用webservice示例 -
雨飛雁舞:
...
oracle 动态性能(V$)视图 -
ouyang1224:
好东西
oracle 动态性能(V$)视图
使用javascript调用webservice示例
再javascript中使用soap调用webservice的示例代码
代码再IE6和FF测试通过,对于c#写的webservice和java(xfire)写的,都测试过,没有问题
此代码原型来源于 http://www.guru4.net/ 的javascript soapclient
发现这个下载的js只能用于调用c#的webservice,所以利用mootools,重新封装,达到IE和火狐的兼容的同时,兼容java和c#
(再例子中使用的 mootools.v1.11.js 文件,做过修改)
客户端js调用代码如下
js 代码
- function ajaxRequest()
- {
- var url = "http://localhost:88/webservicedemo.asmx";
- //设置webService传入参数
- //
- //注意:
- //
- // 调用.Net 写的webservice(如例子中的webservicedemo.asmx)
- // HelloTo(String name) 针对name参数必须写成 <name></name>wqj,还有更多参数一样写,使用名称匹配
- // 传入的参数数量可以不等于(多于或少于)方法要求的参数
- //
- // 调用java(xfire) 发布的webService
- // 传入的参数必须与调用方法的参数数量相等,且按传入值的顺序进行匹配
- //
- var para = "<name></name>wqj"; 这里应该是一个标准的xml形式,源码贴出来时被虑掉了,请参看附件源码
- var op = {
- data:para,
- onComplete: showResponse,
- onFailure:showError,
- update:'ajaxBack'
- };
- var service = new WebService(url,"HelloTo",op);
- service.request();
- return false;
- }
- function showError(obj)
- {
- //obj 是一个xmlHttpRequest对象
- alert("error");
- }
- function showResponse(requestText,requestXML)
- {
- //requestText 返回的文本
- //requestXML 返回的XML
- alert("ok");
- }
WebService类的代码如下(webservice.js)
js 代码
- var WSDLS = {};
- var WebService = new Class({
- url : '',
- method : '',
- options:
- {
- method:'GET',
- data: null,
- update: null,
- onComplete: Class.empty,
- onError:Class.empty,
- evalScripts: false,
- evalResponse: false
- },
- initialize: function(url,method,options)
- {
- this.url = url;
- this.method = method;
- this.options = options;
- },
- request : function()
- {
- var wsdl = WSDLS[this.url];
- if(!wsdl)
- {
- var op = {method:'GET',async: false};
- var wsdlAjax = new XHR(op).send(this.url + "?wsdl", null);
- wsdl = wsdlAjax.transport.responseXML;
- WSDLS[this.url] = wsdl;
- }
- this.setSoap(wsdl);
- },
- setSoap : function(wsdl)
- {
- var ns = (wsdl.documentElement.attributes["targetNamespace"] + "" == "undefined") ? wsdl.documentElement.attributes.getNamedItem("targetNamespace").nodeValue : wsdl.documentElement.attributes["targetNamespace"].value;
- var sr =
- "<!---->" +
- ""
- "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/\">" +
- "<soap:body>"</soap:body> +
- "<" + this.method + " xmlns=\"" + ns + "\">" +
- (this.options.data === null ?"":this.options.data) +
- " + this.method + ">;
- this.options.method = 'post';
- this.options.data = null;
- var soapaction = ((ns.lastIndexOf("/") != ns.length - 1) ? ns + "/" : ns) + this.method;
- var soapAjax = new Ajax(this.url,this.options);
- soapAjax.setHeader("SOAPAction", soapaction);
- soapAjax.setHeader("Content-type", "text/xml; charset=utf-8");
- soapAjax.request(sr);
- }
- });
在第一个版本中存在以下问题
1. 不能根据webservice的要求输入参数自动组织参数
2. 没有处理返回值
3.一旦webservice调用过程出错,会形成一个死循环(一直弹出error)
V2 说明
1. 解决第一版中死循环的问题
2. 统一输入参数的传入形式(与mootools的ajax使用方式完全一致),形式如name=wqj&age=20&........
3. 自动根据参数名对应的值,组织webservice的传入参数,只根据webservice要求的参数名查找对应的值
与顺序不再有关系.(对于xfire中的输入参数使用名称 in0,in1........)
传入的参数数量也不再要求一致,多的自动丢弃,少的自动传空
4. 对于返回的XML,增加提取方法,返回需要的关键返回值(去掉XML的框框)
详细参照附件源码,下面是部分关键代码
WebService类的代码如下(webservice.js)
js 代码
- var WSDLS = {};
- var WebService = new Class({
- url : '',
- method : '',
- options:
- {
- method:'GET',
- data: null,
- update: null,
- onComplete: Class.empty,
- onError:Class.empty,
- evalScripts: false,
- evalResponse: false
- },
- initialize: function(url,method,options)
- {
- this.url = url;
- this.method = method;
- this.options = options;
- },
- request : function()
- {
- var wsdl = WSDLS[this.url];
- if(!wsdl)
- {
- var op = {method:'GET',async: false};
- var wsdlAjax = new XHR(op).send(this.url + "?wsdl", null);
- wsdl = wsdlAjax.transport.responseXML;
- WSDLS[this.url] = wsdl;
- }
- this.setSoap(wsdl);
- },
- setSoap : function(wsdl)
- {
- var paraXML = this.getParaXML(wsdl);
- alert(paraXML);
- var ns = (wsdl.documentElement.attributes["targetNamespace"] + "" == "undefined") ? wsdl.documentElement.attributes.getNamedItem("targetNamespace").nodeValue : wsdl.documentElement.attributes["targetNamespace"].value;
- var sr =
- "" +
- " +
- "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/\">" +
- "<soap:body>"</soap:body> +
- "<" + this.method + " xmlns=\"" + ns + "\">" +
- paraXML +
- "<!----> + this.method + ">";
- this.options.method = 'post';
- this.options.data = null;
- var soapaction = ((ns.lastIndexOf("/") != ns.length - 1) ? ns + "/" : ns) + this.method;
- var soapAjax = new Ajax(this.url,this.options);
- soapAjax.setHeader("SOAPAction", soapaction);
- soapAjax.setHeader("Content-type", "text/xml; charset=utf-8");
- soapAjax.request(sr);
- },
- getParaXML : function(wsdl)
- {
- var objNode = null;
- var rtnValue = "";
- //java(xfire)
- var ell = this.getElementsByTagName(wsdl,"xsd:element");
- if(ell.length == 0)
- {
- //c#
- ell = this.getElementsByTagName(wsdl,"s:element");
- }
- for(var i = 0; i < ell.length; i++)
- {
- if(this.getElementAttrValue(ell[i],"name") == this.method)
- {
- objNode = ell[i];
- break;
- }
- }
- if(objNode == null) return rtnValue;
- //java(xfire)
- ell = this.getElementsByTagName(objNode,"xsd:element");
- if(ell.length == 0)
- {
- //c#
- ell = this.getElementsByTagName(objNode,"s:element");
- }
- if(ell.length == 0) return rtnValue ;
- var hash = new Hash();
- if(this.options.data != null && this.options.data.clean != "")
- {
- hash = this.options.data.split("&").toHash("=");
- }
- for(var i = 0; i < ell.length; i++)
- {
- var paraName = this.getElementAttrValue(ell[i],"name");
- rtnValue = rtnValue + this.getSingleXML(paraName,hash);
- }
- return rtnValue;
- },
- getSingleXML : function (name,hash)
- {
- name = name.trim();
- var rtnValue = "";
- if(hash.hasKey(name))
- {
- rtnValue = hash.get(name);
- }
- rtnValue = "<" + name + ">" + xmlscc(rtnValue) + "<!----> + name + ">"
- return rtnValue;
- },
- getBackData: function(xml)
- {
- var rtnValue = "";
- //java(xfire)
- var soap = this.getElementsByTagName(xml,"ns1:out");
- if(soap.length == 0)
- {
- //c#
- soap = this.getElementsByTagName(xml,this.method + "Result");
- }
- return soap[0].childNodes[0].nodeValue;
- },
- getElementsByTagName : function(objNode,tagName)
- {
- //tagName 形式如 xsd:element ,写出tag的全称
- var ell;
- if(this.isIE())
- {
- ell = objNode.getElementsByTagName(tagName);
- }
- else
- {
- if(tagName.contains(":")) tagName = tagName.split(":")[1];
- ell = objNode.getElementsByTagName(tagName);
- }
- return ell;
- },
- getElementAttrValue : function(objNode,attrName)
- {
- var rtnValue = "";
- if(objNode == null) return rtnValue;
- if(objNode.attributes[attrName] + "" == "undefined")
- {
- if(objNode.attributes.getNamedItem(attrName) != null)
- rtnValue = objNode.attributes.getNamedItem(attrName).nodeValue ;
- }
- else
- {
- if(objNode.attributes[attrName] != null)
- rtnValue = objNode.attributes[attrName].value;
- }
- return rtnValue;
- },
- isIE : function()
- {
- var isMSIE = /*@cc_on!@*/false;
- return isMSIE;
- }
- });
- Array.extend({
- toHash : function (splitChar)
- {
- var hash = new Hash({});
- for(var i=0;i<this.length;i++)
- {
- if(this[i].split(splitChar).length == 1) contrnue;
- var key = this[i].split(splitChar)[0].trim();
- var value = this[i].split(splitChar)[1].trim();
- hash.set(key, value);
- }
- return hash;
- }
- });
- function xmlscc(strData)
- {
- strData=strData.replace(/&/g, "&");
- strData=strData.replace(/>/g, ">");
- strData=strData.replace(/"<");
- strData=strData.replace(/"/g, """);
- strData=strData.replace(/'/g, "'");
- return strData;
- }
相应的调用代码如下:
js 代码
- <script type=< span="">"text/javascript">
- var service ;
- function ajaxRequest()
- {
- var url = "http://localhost:88/webservicedemo.asmx";
- //设置webService传入参数
- //
- //注意:
- //
- // 调用webservice(如例子中的webservicedemo.asmx)
- // HelloTo(String name) 针对name参数必须写成name=wqj ,还有更多参数一样写,使用&符号分隔(name=11&age=20&.....),使用名称匹配
- // 传入的参数数量可以不等于(多于或少于)方法要求的参数
- var para = "name=wqj";
- var op = {
- data:para,
- onComplete: showResponse,
- onFailure:showError,
- update:'ajaxBack'
- };
- service = new WebService(url,"HelloTo",op);
- service.request();
- return false;
- }
- function showError(obj)
- {
- //obj 是一个xmlHttpRequest对象
- alert("error");
- }
- function showResponse(requestText,requestXML)
- {
- //requestText 返回的文本
- //requestXML 返回的XML
- // service.getBackData 就是取出返回的XML中,实际需要的数据
- //经过测试兼容 IE,FF
- alert(service.getBackData(requestXML));
- }
- </script>
- JavaScriptSOAP.rar (47.1 KB)
- 下载次数: 36
- JavaScriptSOAP_V2_.rar (49.5 KB)
- 下载次数: 109
发表评论
-
prototype小例子
2009-11-15 01:37 808见附件 -
jquery 学习
2009-11-15 01:35 900例子见附件 -
向setTimeout传递函数参数
2009-11-14 20:00 1573向setTimeout传递函数参数 也许你过去在setTi ... -
在Javascript中Eval函数的使用?
2009-11-14 19:58 1424在Javascript中Eval函数的使用? jser 发表 ... -
javasrcipt母子窗体传送数的小例子
2009-11-14 19:57 1116参数传递的小例子 -
Table表格对象
2009-05-19 11:12 1322Table表格对象 Table对象:表示HTML文档中的表 ... -
css 下拉菜單.
2009-04-26 23:33 1281<!DOCTYPE html PUBLIC " ... -
js 限制 textarea 的长度方法 (这个代码比较神,请传播)
2009-04-06 03:15 2957js 限制 textarea 的方法 Java代码 ... -
只能输入中文或者韩文
2009-04-06 03:13 2496Java代码 //* <SCR ... -
用JS获得地址栏上的参数值
2009-04-06 03:11 1891Javascript代码 String.prototy ...
相关推荐
使用javascript调用webservice示例.pdf使用javascript调用webservice示例.pdf
使用javascript调用webservice示例归类.pdf
使用javascript调用webservice示例[借鉴].pdf
通过一个实例的讲解说明JavaScript是如何调用WebService,希望对大家有帮助。
Js调用webService示例,在前台页面利用javascript调用后台的webservice方法来实现先后数据的交互(demo)
使用javascript 中Ajax技术调用WebService,包括JSP和ASP.NET中两种,其中JSP的WebService使用了XFire框架。 ASP.NET中的WebService做了一个方法示例GetProgress,包含3个参数。 JSP中的WebService做了hello方法的...
js原生调用webservice接口,在IE-v11上测试通过,示例中存在参数传入失败的bug,已附源码,望指点解决的方法。
三个文档打包下载,分别详细讲述了ajax以及JavaScript调用WebService的具体用法,是学习ajax和WebService的良好示例。
JavaScript用htc实现WebService的调用
自己写的用JavaScript通过soap协议调度 webService 的例子,WebService 是用C#做的,此Demo 主要目的是为大家提供跨语言的调度方式
我们经常在Silverlight中与服务器交互,例如Silverlight和SharePoint交换信息,常用的方式是通过Javascript利用xmlhttp向服务器端发送请求或调用Webservice。这里就涉及到同步和异步的问题,如果采用同步调用,则会...
本示例是用微软提供的webservice.htc来完成的,当然用ASP.NET AJAX也能实现,但该示例全部是JAVASCRIPT来做的,简单明了.
先总结几个要领: 1)要熟悉javascript对XML文件的加载与操作; DOM的XML操作可参考的示例:http://www.w3school.com.cn/xmldom/met_document_getelementsbytagname.asp 2)在IE下面还是要通过loadXML来转...
简介:该博客资源是关于一个基于Sanic框架实现的jsRpc(JavaScript Remote Procedure Call)框架的详细说明和示例代码。该框架提供了一种简单而高效的方式来实现跨平台的远程过程调用。 描述: 这个博客资源详细...
HELM2WebService 如何在Tomcat 8.0或更高版本上安装: 在下载HELM2WebService战争文件将war文件重命名... 要调用WebService,下面是一些使用Java的示例。 受保护的静态响应验证(字符串表示法)抛出URISyntaxException
一个 AppBuilder 混合示例,它使用 ASP.Net 表单身份验证来控制对启用 asmx ajax 的 Web 服务方法的访问。 当表单身份验证会话超时但仅在调用受保护的 Web 服务方法时,混合应用程序将自动拒绝访问并将用户带到登录...
体验.net 2.0 的优雅(1) -- 异步WebService调用 ASP.NET 2.0页面框架的几点新功能 ASP.NET 2.0 中收集的小功能点 asp.net2.0中的webpart使用小记 2.0问题、错误解决办法 ASP.NET 2.0使用Web Part创建应用程序之二...
**命名空间前缀会自动插入到未分发到 AppExchange 的托管包中,但对 @RemoteAction 方法的 Javascript 调用除外,并且在 actionFunction 中,所有 webservice 包引用都必须引用部署代码的命名空间前缀才能正确引用...
14.2.5 异步调用webservice 274 14.3 wcf开发 276 14.3.1 定义wcf服务契约和引入 14.3.1 wcf服务契约 277 14.3.2 构架wcf服务,运行wcf 14.3.1 服务 281 14.3.3 生成wcf服务代理的 14.3.1 代码文件 283 ...