Net下使用Ajax

ritaleo · 发表于 2013-2-5 02:14:43

1.新建项目AjaxNet
2.将Ajax.dll文件添加到引用
3.打开web.config文件，在<system.web>下添加
<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" ></TD></TR></TABLE></form></body></HTML>
这里加的只有两个输入框和一个按钮,当点击按钮时调用JS方法getUserName()

		自动登录	找回密码
密码			立即注册