本文介绍了一个使用ASP.NET AJAX技术实现的简单示例程序，通过调用Web服务获取个性化问候消息，并展示了完整的代码实现，包括服务端代码、样式表及客户端页面结构。
运行效果：
HelloWorldService.asmx代码示例：
using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;
/// <summary>
/// HelloWorldService 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService()]
public class HelloWorldService : System.Web.Services.WebService {
public HelloWorldService () {
//如果使用设计的组件，请取消注释以下行
//InitializeComponent();
}
[WebMethod]
public string GetHelloWorldString(string name) {
return string.Format("Welcome to ASP.NET AJAX world,【{0}】!. Now it is {1}.", name, DateTime.Now);
}
}
StyleSheet.css代码示例：
*
{
font-family:Tahoma;
font-size:0.96em;
}
input
{
border:1px solid #000;
}
HelloWorld.aspx代码示例：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HelloWorld.aspx.cs" Inherits="HelloWorld" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>ASP.NET AJAX Hello World 示例程序</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var g_tbName = null;
var g_btnSayHello = null;
var g_lbMessage = null;
function pageLoad()
{
g_tbName = new Sys.Preview.UI.TextBox($get('tbName'));
g_tbName.initialize();
g_btnSayHello = new Sys.Preview.UI.Button($get('btnSayHello'));
g_btnSayHello.add_click(getServerHelloString);
g_btnSayHello.initialize();
g_lbMessage = new Sys.Preview.UI.Label($get('lbMessage'));
g_lbMessage.initialize();
}
function getServerHelloString()
{
HelloWorldService.GetHelloWorldString(g_tbName.get_text(), cb_getServerHelloString);
}
function cb_getServerHelloString(result)
{
g_lbMessage.set_text(result);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server" >
<Services>
<asp:ServiceReference Path="HelloWorldService.asmx" />
</Services>
<Scripts>
<asp:ScriptReference Assembly="Microsoft.Web.Preview" Name="PreviewScript.js" />
</Scripts>
</asp:ScriptManager>
<label for="tbName">Your Name:</label><input id="tbName" type="text" />
<input id="btnSayHello" type="button" value="Say hello From Server!" />
<div id="lbMessage"></div>
</div>
</form>
</body>
</html>
HelloWorldService.asmx代码示例：
using System;using System.Web;using System.Collections;using System.Web.Services;using System.Web.Services.Protocols;/// <summary>
/// HelloWorldService 的摘要说明/// </summary>[WebService(Namespace = "http://tempuri.org/")][WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)][System.Web.Script.Services.ScriptService()]public class HelloWorldService : System.Web.Services.WebService { public HelloWorldService () {
//如果使用设计的组件，请取消注释以下行 //InitializeComponent(); } [WebMethod] public string GetHelloWorldString(string name) { return string.Format("Welcome to ASP.NET AJAX world,【{0}】!. Now it is {1}.", name, DateTime.Now); } }StyleSheet.css代码示例：
*{ font-family:Tahoma; font-size:0.96em;}input{ border:1px solid #000;}HelloWorld.aspx代码示例：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HelloWorld.aspx.cs" Inherits="HelloWorld" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>ASP.NET AJAX Hello World 示例程序</title> <link href="StyleSheet.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> var g_tbName = null; var g_btnSayHello = null; var g_lbMessage = null; function pageLoad() { g_tbName = new Sys.Preview.UI.TextBox($get('tbName')); g_tbName.initialize(); g_btnSayHello = new Sys.Preview.UI.Button($get('btnSayHello')); g_btnSayHello.add_click(getServerHelloString); g_btnSayHello.initialize(); g_lbMessage = new Sys.Preview.UI.Label($get('lbMessage')); g_lbMessage.initialize(); } function getServerHelloString() { HelloWorldService.GetHelloWorldString(g_tbName.get_text(), cb_getServerHelloString); } function cb_getServerHelloString(result) { g_lbMessage.set_text(result); } </script></head><body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server" > <Services> <asp:ServiceReference Path="HelloWorldService.asmx" /> </Services> <Scripts> <asp:ScriptReference Assembly="Microsoft.Web.Preview" Name="PreviewScript.js" /> </Scripts> </asp:ScriptManager> <label for="tbName">Your Name:</label><input id="tbName" type="text" /> <input id="btnSayHello" type="button" value="Say hello From Server!" /> <div id="lbMessage"></div> </div> </form></body></html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
