[總結]利用Javascript 調用WebService

最後更新：2018-12-07 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

Calling WebServices using Javascript
If you are using Microsoft IE 5 or later, you can use the behavior/HTML-Component "WebService" to access a Web service. The "WebService" behavior communicates with Web services over HTTP using Simple Object Access Protocol (SOAP).
To use the "WebService" behavior, you must attach it to an element using the STYLE attribute, as follows:
<DIV ID="GiveItAName"
STYLE="behavior:url(webservice.htc)"></DIV>
A complete example taken from the Microsoft Web site is as follows:
<html>
<head>
<script language="JavaScript">
var iCallID;
function init()
{
service.useService
("http://myserver.com/services/myservice.asmx?WSDL",
                   "servicename");
}
function onmyresult()
{
   if ((event.result.error)&&(iCallID==event.result.id))
   {
      var xfaultcode = event.result.errorDetail.code;
      var xfaultstring = event.result.errorDetail.string;
      var xfaultsoap = event.result.errorDetail.raw;
      // Add code to output error information here
      alert("Error ");
   }
   else
   {
      service.innerHTML= "The method returned the result: "
                         + event.result.value;
   }
}
</script>
</HEAD>
<body onload="init();">
<BR>
Enter a Value <input type='text' id='param1'>
<BR>
<button onclick='iCallID = service.servicename.callService
("ProcedureName", param1.value);'>Call A Web Method</button>
<div id="service"
     style="behavior:url(webservice.htc)"
     onresult="onmyresult();">
</div>
</body>
</html>
source: http://weblogs.asp.net/Varad/archive/2004/06/14/155671.aspx
其實這篇更好
Remote Scripting in a .NET World
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnclinic/html/scripting11122001.asp
Scripting Web Services
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnclinic/html/scripting03132000.asp
調用的方法有很多種。但總體來說它是分兩類：
一、有傳回值的調用法：（該方法有沒有反回值都可以用）
< script language="JavaScript" >
function getDatal(url){
var xmlhttp = new ActiveXObject("MSXML2.XMLHTTP.4.0");//建立XMLHTTPRequest對象，需MSXML4.0支援 ["MSXML2.XMLHTTP.4.0"、"MSXML2.DOMDocument.4.0"]
xmlhttp.open("GET",url,false,"",""); //使用HTTP GET初始化HTTP請求
xmlhttp.send(""); //發送HTTP請求並擷取HTTP響應
return xmlhttp.responseXML; //擷取XML文檔
}
< /script >
二、沒有傳回值的調用法：
上面的方法可以用。並且最起碼還有其它兩種方案：
<script language="JavaScript">
function gotoService()
{
myframe.src="http://../../serverics.asmx?aa";//這樣就可以使你的方法被調用一次。
}
</script>
<iframe id="myframe"></iframe>
或者
window.open(服務URI);
或許開啟強制回應對話方塊
============================
在壇上找了一篇上面的回複,但不是很情楚第一方法的一些細節,請熟悉的朋友針對下面的簡單的應用情況給出上面第一種方法的具體參數的設定情況.
現有一web service 工作程:DataTransfer,其中有一個名為"test"的service,web method名為"test1",其傳回值為"hello,world!".
現在頁面上用javascript調用test.test1方法,顯示"hello,world!".
function btnGetData_onclick()
{
var xmlhttp = new ActiveXObject("MSXML2.XMLHTTP.4.0");
xmlhttp.open("Get","http://localhost/DataTransfer/test.asmx?wsdl",false,"","");
xmlhttp.send("");
Form1.txtResults.value=xmlhttp.responseText;
}
返回的不是"hello,world!",請修正我的程式!
這裡有：
http://chs.gotdotnet.com/quickstart/aspplus/

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More