Javascript調用Webservice的多種方法 .

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

上載者：User

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

[c-sharp] view plaincopyprint?

using System;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
[webservice(namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class Service : System.Web.Services.WebService
{
public Service ()
{
//uncomment the following line if using designed components
//InitializeComponent();
}
[webmethod]
public string SayHelloTo(string Name)
{
return "Hello "+Name;
}
}

using System; using System.Web; using System.Web.Services; using System.Web.Services.Protocols;[webservice(namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] public class Service : System.Web.Services.WebService { public Service () { //uncomment the following line if using designed components //InitializeComponent(); }[webmethod] public string SayHelloTo(string Name) { return "Hello "+Name; } }

還是俗了點。:)

2. js調用webservice+xmlhttp的實現部分。

[xhtml] view plaincopyprint?

<html>
<title>Call webservice with javascript and xmlhttp.</title>
<body>
<mce:script language="javascript"><!--
//test function with get method.
function RequestByGet(data){
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
//Webservice location.
var URL="http://localhost:1323/WebSite6/Service.asmx/SayHelloTo?Name=Zach";
xmlhttp.Open("GET",URL, false);
xmlhttp.SetRequestHeader ("Content-Type","text/xml; charset=utf-8");
xmlhttp.SetRequestHeader ("SOAPAction","http://tempuri.org/SayHelloTo");
xmlhttp.Send(data);
var result = xmlhttp.status;
//OK
if(result==200) {
document.write(xmlhttp.responseText);
}
xmlhttp = null;
}
//test function with post method
function RequestByPost(value)
{
var data;
data = '<?xml version="1.0" encoding="utf-8"?>';
data = data + '<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">';
data = data + '<soap:Body>';
data = data + '<SayHelloTo xmlns="http://tempuri.org/">';
data = data + '<Name>'+value+'</Name>';
data = data + '</SayHelloTo>';
data = data + '</soap:Body>';
data = data + '</soap:Envelope>';
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
var URL="http://localhost:1323/WebSite6/Service.asmx";
xmlhttp.Open("POST",URL, false);
xmlhttp.SetRequestHeader ("Content-Type","text/xml; charset=gb2312");
xmlhttp.SetRequestHeader ("SOAPAction","http://tempuri.org/SayHelloTo");
xmlhttp.Send(data);
document.write( xmlhttp.responseText);
}
// --></mce:script>
<input type="button" value="CallWebserviceByGet" onClick="RequestByGet(null)">
<input type="button" value="CallWebserviceByPost" onClick="RequestByPost('Zach')">
</body>
</html>

<html> <title>Call webservice with javascript and xmlhttp.</title> <body> <mce:script language="javascript"></mce:script><input type="button" value="CallWebserviceByGet" onClick="RequestByGet(null)"> <input type="button" value="CallWebserviceByPost" onClick="RequestByPost('Zach')"> </body> </html>

對於使用post方法需要發送的那堆東東可以在webservice的測試頁面中找到，自己拼湊加上對應的參數就可以。

通過style.behavior來實現的方法(比較簡單)

原文地址:http://www.zahui.com/html/4/37953.htm

[javascript] view plaincopyprint?

function getfemale()
{
//第一個參數是webservice的url，後面是名稱
female.useService("news.asmx?WSDL","news");
//設定一個回呼函數，service返回結果的時候回調；第一個參數是回呼函數的名稱，後面的是webservice的參數
intCallID=female.news.callService(female_result,"getphoto","female"); //這裡有兩個參數.....
}
function female_result(result)//回呼函數
{
if(result.error)
{
female.innerHTML=result.errorDetail.string;
}
else
{
female.innerHTML=result.value; //將webservice返回的結果寫如div中
}
}

ok，這給我們在靜態頁調用動態內容提供了一種途徑；
這裡如果給getfemale()函數加上定時調用的話，就是一種無重新整理更新頁面的機制了。
缺點是webservice會有一定的延遲，即使是本地的webservice也會比靜態頁面慢很多，初次開啟頁面會感覺很不協調。

第二種方法使用了style.代碼就簡潔多了他使用了css.定義了div的行為.比起第一種方法,就易讀多了:)

style="behavior:url(webservice.htc)"

前提條件是:

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).

附註:另一個總結文章在:http://goody9807.cnblogs.com/archive/2005/08/17/216725.html

calling WebServices using Javascript

to use the "WebService" behavior, you must attach it to an element using the STYLE attribute, as follows:

style="behavior:url(webservice.htc)">

本文章原先以中文撰寫並發佈於 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