JavaScript調(diào)用Web Service

2012/11/12 15:43:09作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

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

【實(shí)例代碼】

<HTML>
  <HEAD>
    <title>Javascript-學(xué)無(wú)憂（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)建服務(wù)對(duì)象
        var parm1 = Form1.all.mul1.value;  //獲取第一個(gè)參數(shù) 
        var parm2 = Form1.all.mul2.value;  //獲取第二個(gè)參數(shù)
        service.calService.callService(callback,"Hello_World",parm1,parm2);       
 //調(diào)用方法
    }
    
    function callback(res)
    {
        if (!res.error)
                Form1.all.retValue.value=res.value; //判斷返回值
        else
            Form1.all.retValue.value='計(jì)算錯(cuò)誤';    //計(jì)算錯(cuò)誤
    }
   </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>

【運(yùn)行效果】

JavaScript調(diào)用Web Service運(yùn)行效果

【難點(diǎn)剖析】

本例使用了Web Seltvice．htc組件，使用此組件的步驟如下：
(1)先從微軟網(wǎng)站上下載Web Setwice．htc。
(2)把Web Service行為組件綁定到一個(gè)html標(biāo)簽。
(3)用Web Service行為組件的useService提供Web Service的地址。
(4)用Web Service行為組件的callService訪問(wèn)Webmethod。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請(qǐng)點(diǎn)擊：JavaScript調(diào)用Web Service 進(jìn)行本實(shí)例源碼下載

標(biāo)簽： JavaScript 調(diào)用 Web Service