1.新建项目AjaxNet
2.将Ajax.dll文件添加到引用
3.打开web.config文件，在<system.web>下添加
[code]
<!--AJAX的加载-->
<httpHandlers>
<add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" />
</httpHandlers>
[/code]
4.新建一个类AjaxClass
5.在AjaxClass中添加一个叫getUserName()的方法
[code]
[Ajax.AjaxMethod]//注意要在这里加上[Ajax.AjaxMethod]，表示说明他是Ajax方法
public string getUserName(string userName)
{
return userName;
}
[/code]
6.新建一个页面AjaxIndex
在AjaxIndex.aspx.cs的Page_Load()方法中写上Ajax.Utility.RegisterTypeForAjax(typeof(AjaxClass));如下：
[code]
private void Page_Load(object sender, System.EventArgs e)
{
Ajax.Utility.RegisterTypeForAjax(typeof(AjaxClass));//AjaxClass表示你写Ajax方法的类名
}
[/code]
7.修改AjaxIndex.aspx为：
[code]
<%@ 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" οnclick="getUserName()"></TD>
</TR>
</TABLE>
</form>
</body>
</HTML>
[/code]
这里加的只有两个输入框和一个按钮,当点击按钮时调用JS方法getUserName()
2.将Ajax.dll文件添加到引用
3.打开web.config文件，在<system.web>下添加
[code]
<!--AJAX的加载-->
<httpHandlers>
<add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" />
</httpHandlers>
[/code]
4.新建一个类AjaxClass
5.在AjaxClass中添加一个叫getUserName()的方法
[code]
[Ajax.AjaxMethod]//注意要在这里加上[Ajax.AjaxMethod]，表示说明他是Ajax方法
public string getUserName(string userName)
{
return userName;
}
[/code]
6.新建一个页面AjaxIndex
在AjaxIndex.aspx.cs的Page_Load()方法中写上Ajax.Utility.RegisterTypeForAjax(typeof(AjaxClass));如下：
[code]
private void Page_Load(object sender, System.EventArgs e)
{
Ajax.Utility.RegisterTypeForAjax(typeof(AjaxClass));//AjaxClass表示你写Ajax方法的类名
}
[/code]
7.修改AjaxIndex.aspx为：
[code]
<%@ 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" οnclick="getUserName()"></TD>
</TR>
</TABLE>
</form>
</body>
</HTML>
[/code]
这里加的只有两个输入框和一个按钮,当点击按钮时调用JS方法getUserName()
577
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
