JavaScript調用Web Service

2012/11/12 15:43:09作者：佚名來源：網絡

移動端

【實例名稱】

【實例描述】

Web Service也叫Web服務，是目前很流行的一種網絡代碼共享手段?？梢栽谧约旱木W站中調用其他人提供的服務，達到自己網站需要的效果(如在自己的網頁中添加天氣預報服務)。

【實例代碼】

<HTML>
  <HEAD>
    <title>Javascript-學無憂（www.yzddtk.cn）</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");
//創(chuàng)建服務對象
        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