Net下使用Ajax

1.新建项目AjaxNet
2.将Ajax.dll文件添加到引用
3.打开web.config文件,在<system.web>下添加
		<!--AJAX的加载-->
		<httpHandlers>
			<add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" />
		</httpHandlers>
	

4.新建一个类AjaxClass
5.在AjaxClass中添加一个叫getUserName()的方法
		[Ajax.AjaxMethod]//注意要在这里加上[Ajax.AjaxMethod],表示说明他是Ajax方法		
		public string getUserName(string userName)
		{
			return userName;
		}
	

6.新建一个页面AjaxIndex
在AjaxIndex.aspx.cs的Page_Load()方法中写上Ajax.Utility.RegisterTypeForAjax(typeof(AjaxClass));如下:
		private void Page_Load(object sender, System.EventArgs e)
		{
			Ajax.Utility.RegisterTypeForAjax(typeof(AjaxClass));//AjaxClass表示你写Ajax方法的类名
		}
	

7.修改AjaxIndex.aspx为:
	<%@ Page language="c#" Codebehind="AjaxIndex.aspx.cs" AutoEventWireup="false" Inherits="AjaxNet.AjaxIndex" %>
	<%@ Page language="c#" Codebehind="AjaxIndex.aspx.cs" AutoEventWireup="false" Inherits="AjaxNet.AjaxIndex" %>
	<HTML>
		<HEAD>
			<title>AjaxIndex</title>
			<script language="javascript">
				function getUserName(){ 
					document.getElementById("gUserName").value=AjaxClass.getUserName(document.getElementById("sUserName").value,"").value;
					//说明: AjaxClass 为你Ajax方法所在的类名;getUserName(……)为你注册的Ajax方法
				}
			</script>
		</HEAD>
		<body>
			<form id="Form1" method="post" runat="server">
				<TABLE height="25" cellSpacing="0" cellPadding="0" width="159" border="0">
					<TR vAlign="top">
						<TD colSpan="3" height="25">
							<INPUT type="text" name="sUserName" id="sUserName"></TD>
						<TD colSpan="2">
							<INPUT type="text" name="gUserName" id="gUserName"></TD>
						<TD>
							<INPUT type="button" value="Button" onclick="getUserName()"></TD>
					</TR>
				</TABLE>
			</form>
		</body>
	</HTML>
	

这里加的只有两个输入框和一个按钮,当点击按钮时调用JS方法getUserName()


你可能感兴趣的:(C++,c,Ajax,.net,C#)