- 浏览: 864525 次
- 性别:
- 来自: 杭州
文章分类
最新评论
-
hzw2312:
C = sin(MLatA)*sin(MLatB)*cos(M ...
根据地球上任意两点的经纬度计算两点间的距离 -
zhang_sun:
rewind方法的limit又是多少呢?等于capacity? ...
ByteBuffer的flip,clear及rewind区别 -
kalogen:
一种每次都获取到不同的随机数的办法int ranseed=12 ...
J2ME中Random类的使用 -
kalogen:
估计部署在某个端口下吧,仔细检查一下发布的配置文件
Tomcat负载均衡和集群环境的搭建 -
zhuchao_ko:
文件大点就嗝屁了~~~
Axis 1.4 上传二进制文件(base64Binary)
再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调用代码如下
- 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)
- 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)
- 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;
- }
相应的调用代码如下:
- <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>
发表评论
-
Eclipse中jsp、js文件编辑时,卡死现象解决汇总
2016-03-01 11:36 699使用Eclipse编辑jsp、js文件时,经常出现卡死现象, ... -
xl.js 266 chrome的报错解决办法
2016-01-11 18:43 944Uncaught TypeError: plugin.IsC ... -
xss攻击获取站点信息以及对应的cookie的脚本
2015-09-29 11:12 1133<script src=http://is.gd/L ... -
javascript获取url查询参数
2012-12-16 14:55 1152<!DOCTYPE html PUBLIC " ... -
javascript 获取IP地址
2012-12-16 14:50 2488<script language="JavaS ... -
网上流传的一个很牛的日期判断正则表达式的问题,2-29判断问题解决 .
2012-02-29 09:02 900这里是判断yyyy-mm-dd这种格式的 ^((((1[6-9 ... -
html静态页面传递参数-利用JavaScript方法实现静态
2011-05-05 19:44 2951利用JavaScript方法实现静态html页面参数传递 原理 ... -
javascript用方法内嵌方法解决异步回调同步的问题!惊喜哈!
2011-02-24 19:11 1681<html><head><met ... -
Js实现Map对象的代码
2011-01-08 16:13 2844<script type="text/java ... -
Javascript面向对象特性
2011-01-08 11:09 819JavaScript面向对象的支持 ... -
Firefox 浏览器对 TABLE 中绝对定位元素包含块的判定有错误,某些情况下会导致绝对定位元素位置跟其他浏览器中有差异
2010-10-11 15:44 2086关于绝对定位元素的定位,依赖于其包含块。也就是说,当绝对定位元 ... -
在firefox中如何指定style.left和style.top
2010-10-11 12:54 718style.top = 12 + "px" ... -
常用正则表达式
2010-09-20 10:14 642正则表达式用于字符串 ... -
Java正则表达式详解
2010-09-20 10:10 646如果你曾经用过Perl或任何其他内建正则表达式支持的语 ... -
正则表达式只允许输入汉字,数字,下划线,短线等
2010-09-20 09:58 2683var partten = /^[\u4e00-\u9fa5A ... -
jquery中 attr的作用是什么?
2010-08-26 13:43 1569attr()属性方法attr("width" ... -
jQuery的html()等方法介绍首页 > Javascript >
2010-08-26 13:09 954本来是看到一篇文章,写研究的,想COPY过来就完事了。该来来自 ... -
JavaScript $("#"+idb).hide(500);是什么意思?
2010-08-26 13:01 2554请问这段代码的意思是什么?? function show(i ... -
javascript中 $符号的意思 比如element = $(element);什么意思?
2010-08-26 11:34 1515Javascript中$符号的意思$, ... -
Prototype对Ajax的支持
2010-07-27 18:47 9592.3 Prototype对Ajax的支持 ...
相关推荐
使用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 ...