软件学堂

网游分类软件分类

JavaScript调用Web Service

2012-11-12 来源:网络

【实例名称】

JavaScript调用Web Service

【实例描述】

Web Service也叫Web服务,是目前很流行的一种网络代码共享手段。可以在自己的网站中调用其他人提供的服务,达到自己网站需要的效果(如在自己的网页中添加天气预报服务)。

【实例代码】

<HTML>   <HEAD>     <title>Javascript-学无忧(www.xue51.com)</title>     <meta name="GENERATOR" Content="Microsoft Visual Studio .Net 7.1">     <meta name="CODE_LANGUAGE" Content="C#">     <meta name=vs_defaultClientScript content="JavaScript">     <meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">     <script language="Javascript">     function callMethod()     { service.useService("http://localhost/website1/HelloWorld.asmx?wsdl","calService"); //创建服务对象         var parm1 = Form1.all.mul1.value;  //获取第一个参数         var parm2 = Form1.all.mul2.value;  //获取第二个参数         service.calService.callService(callback,"Hello_World",parm1,parm2);        //调用方法     }         function callback(res)     {         if (!res.error)                 Form1.all.retValue.value=res.value; //判断返回值         else             Form1.all.retValue.value='计算错误';    //计算错误     }    </script> </HEAD>   <body>     <div id="service" style="BEHAVIOR:url(webservice.htc)"></div>     <form id="Form1" method="post" runat="server">     <FONT face=宋体><INPUT type=text id=mul1 name=mul1>*<INPUT type=text id=mul2 name=mul2><INPUT style="WIDTH: 50px" onclick=callMethod() type=button value="="><INPUT type=text id=retValue name=retValue></FONT>      </form>   </body> </HTML>

【运行效果】

 JavaScript调用Web Service运行效果

【难点剖析】

本例使用了Web Seltvice.htc组件,使用此组件的步骤如下:
(1)先从微软网站上下载Web Setwice.htc。
(2)把Web Service行为组件绑定到一个html标签。
(3)用Web Service行为组件的useService提供Web Service的地址。
(4)用Web Service行为组件的callService访问Webmethod。

【源码下载】

为了JS代码的准确性,请点击:JavaScript调用Web Service 进行本实例源码下载 

上一篇:Ajax实现可拖曳的表格效果
下一篇:用JavaScript实现编码解码

相关文章