JavaScript调用Web Service

2012/11/12 15:43:09作者：佚名来源：网络

移动端

【实例名称】

【实例描述】

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 进行本实例源码下载

标签： JavaScript 调用 Web Service