AJAX非同步呼叫WebService

來源:互聯網
上載者:User

 

代碼

 1 <html xmlns="http://www.w3.org/1999/xhtml" >
 2 <head runat="server">
 3     <title></title>
 4     <script language="javascript" type="text/javascript">
 5         function ajaxCall() {
 6             var xmlHttp;
 7             try {// Firefox, Opera 8.0+, Safari
 8                 xmlHttp = new XMLHttpRequest(); //執行個體化XMLHttpRequest對象
 9             }
10             catch (e) {
11 
12                 // Internet Explorer 5+
13                 try {
14                     xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
15                 }
16                 catch (e) {
17 
18                     try {
19                         xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
20                     }
21                     catch (e) {
22                         alert("瀏覽器不支援AJAX!");
23                         return false;
24                     }
25                 }
26             }
27             //綁定資料處理函數。
28             xmlHttp.onreadystatechange = function() {
29                 if (xmlHttp.readyState == 4) {
30                     if (xmlHttp.status == 200) {
31                         document.getElementById('lbText').innerHTML = xmlHttp.responseText;
32                     }
33                     else {
34                         alert('請求出錯.');
35                     }
36 
37 
38                 }
39             }
40             xmlHttp.open("POST", "http://localhost:1576/WebService1.asmx/HelloWorld", true); //非同步請求資料
41             xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;"); //Post請求需佈建要求RequestHeader否則xmlHttp.status為50042 
43             xmlHttp.send("strName=gg"); //strName為WebService方法HelloWorld中形參數名
44 
45         }
46     
47     </script>
48 
49 
50 </head>
51 <body>
52     <form id="form1" runat="server">
53     <div>
54         <asp:Label ID="lbText" runat="server"></asp:Label>
55         <a href="javascript:void(0)"  onclick='ajaxCall()'>點擊此處</a>
56     </div>
57     </form>
58 </body>
59 </html>
60 
61 
62 
63 =======WebService==========
64 
65  [WebService(Namespace = "http://tempuri.org/")]
66     [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
67     [System.ComponentModel.ToolboxItem(false)]
68     // 若要允許使用 ASP.NET AJAX 從指令碼中調用此 Web 服務,請取消對下行的注釋。
69     // [System.Web.Script.Services.ScriptService]
70     public class WebService1 : System.Web.Services.WebService
71     {
72 
73         [WebMethod,ScriptMethod]//ScriptMethod 設定為可被用戶端調用的WebService方法
74 
75         public string HelloWorld(string strName)
76         {
77             return strName+"Hello World";
78         }
79     }
80 
81 

 

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: 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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.