代碼
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
