这样做可以实现局部回传,达到异步刷新的效果。
1.先新建一个ASP.NET Web 服务。加入如下代码:(记住对类加上[System.Web.Script.Services.ScriptService] )
1
namespace HW2


{3
[WebService(Namespace = "http://tempuri.org/")]4
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]5
// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。6
[System.Web.Script.Services.ScriptService] 7
public class Service : System.Web.Services.WebService8

{9
public Service()10

{11

12
//如果使用设计的组件,请取消注释以下行 13
//InitializeComponent(); 14
}15

16

17
[WebMethod]18
public string GetMsg(string name)19

{20
return "Hello World: " + name + ",Now is" + DateTime.Now;21
22
}23

24
}25
}26

2.新建一个asp.net 网站。
在.aspx页面中加入代码进行jscript调用:
1
<html xmlns="http://www.w3.org/1999/xhtml">2
<head id="Head1" runat="server">3
<title></title>4

5
<script language="javascript" type="text/javascript">6
// <!CDATA[7

8

function Button1_onclick()
{9
//调用web services10
HW.Service.GetHelloWorld($get("Text1").value, showMsg);11
}12

13

function showMsg(msg)
{14
$get("msg").innerHTML = msg;15
}16
// ]]>17
</script>18

19
</head>20
<body>21
<form id="form1" runat="server">22
<div>23
<asp:ScriptManager ID="ScriptManager1" runat="server">24
<Services>25
<!-- Path指定的是web services的位置 -->26
<asp:ServiceReference Path="http://localhost/HelloWorldServices/Service.asmx" />27
</Services>28
</asp:ScriptManager>29
<input id="Text1" type="text" />30
<button id="btn" onclick="Button1_onclick()">31
Get</button>32
<span id="msg"></span>33
</div>34
35
</form>36
</body>37
</html><html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script language="javascript" type="text/javascript">
// <!CDATA[
function Button1_onclick() {
//调用web services
HW.Service.GetHelloWorld($get("Text1").value, showMsg);
}
function showMsg(msg) {
$get("msg").innerHTML = msg;
}
// ]]>
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Services>
<asp:ServiceReference Path="http://localhost/HelloWorldServices/Service.asmx" />
</Services>
</asp:ScriptManager>
<input id="Text1" type="text" />
<button id="btn" onclick="Button1_onclick()">
Get</button>
<span id="msg"></span>
</div>
</form>
</body>
</html>
浙公网安备 33010602011771号