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()
分享到：
相关推荐
在.NET环境下，Ajax技术的应用已经变得非常广泛，它极大地提升了Web应用程序的用户体验，实现了页面的无刷新更新。本文将深入探讨.NET下主流的Ajax框架，包括AjaxPro、Ajax.NET以及Ajax原理，帮助开发者理解并掌握...
**NET Web下AJAX一般应用** 在.NET Web开发中，AJAX（Asynchronous JavaScript and XML）技术被广泛用于创建交互性更强、响应更快的Web应用程序。它允许在不刷新整个页面的情况下更新部分网页内容，提高了用户体验...
标题中的"ActiveMQ 使用Ajax 收发消息实战"指出我们将探讨如何使用ActiveMQ消息中间件与Ajax技术结合，实现Web应用程序中的异步消息传递。ActiveMQ是Apache软件基金会的一个项目，提供了一个开源的消息代理，支持...
在"轻松掌握Ajax_net系列教程二：部署Ajax Control Toolkit"中，你将学习如何在ASP.NET项目中安装和使用Ajax Control Toolkit，以及如何结合Ajax技术来提升Web应用的用户体验。通过阅读教程和实践相关示例，你将对...
例如，使用Microsoft ASP.NET AJAX时，你可能需要在页面头部引用`ScriptManager`控件，它是Ajax功能的核心，负责协调客户端和服务器端的交互。 Ajax插件通常提供了多种服务器控件，如UpdatePanel、Timer等，这些...
【NET源码－AJAX查询】这一主题主要涵盖了在.NET框架下使用AJAX技术进行异步数据查询的相关知识点。AJAX（Asynchronous JavaScript and XML）是一种在不刷新整个页面的情况下，能够更新部分网页的技术，极大地提升了...
文件名"NET方式下AJax和定时实时刷新技术两种方式实现"可能是项目源代码的压缩包，包含了上述所有组件。解压后，开发者可以查看和学习实际的代码实现，了解如何在.NET环境下结合AJAX和定时刷新技术实现动态数据展示...
标题中的“CAjax.rar_Ajax 留言_ajax_ajax .net_ajax C#_net”表明这是一个关于使用C#和.NET框架实现Ajax无刷新留言功能的源码示例。这个压缩包可能包含了用于演示如何在C# Web应用中集成Ajax功能的代码和资源。 ...
在【描述】中提到的"asp_net_ajax"，暗示我们将探讨如何使用ASP.NET AJAX来开发实时通信的应用，比如聊天室程序。在实际应用中，聊天室需要实现实时的数据交换，用户发送的消息能即时显示在所有参与者面前，这正是...
在 ASP.NET Core Razor 中处理 Ajax 请求，需要使用 jQuery 库来发送 Ajax 请求。在上面的示例代码中，使用 jQuery 库来发送 Ajax 请求，以处理登录功能。首先，在前台代码中，使用 `<form>` 元素来定义表单，使用 `...
在实践中，使用Ajax时需要注意以下几点： - 避免跨域问题：Ajax请求遵循同源策略，只能请求与当前页面同一域名下的资源。如果需要跨域，需使用CORS（跨源资源共享）或其他技术。 - 浏览器兼容性：不同浏览器对Ajax的...
在本案例中，我们使用AJAX来异步地从服务器获取数据。 1. **创建服务器端数据**：在.NET环境中，我们可以使用ASP.NET Web API或者MVC框架来创建一个服务端接口，该接口负责处理AJAX请求并返回JSON数据。例如，使用...
在Visual Studio 2005环境下安装ASP.NET AJAX，可以显著提升基于VS2005的网站开发效率，特别是对于需要动态更新和交互的页面设计。 安装步骤如下： 1. 首先，访问官方网站：http://ajax.asp.net。在这个站点上，你...
AJAX允许网页在不刷新整个页面的情况下与服务器进行交互，通过XMLHttpRequest对象发送异步请求，获取服务器端的数据，然后使用JavaScript处理这些数据并更新页面的部分内容。这使得用户在验证用户名可用性时无需等待...
`jQuery.form`插件是jQuery的一个扩展，专门用于处理表单提交，包括使用AJAX方式提交表单。 在描述中提到，使用`jQuery`动态添加表单。这通常涉及到在用户交互后，例如点击按钮，通过JavaScript动态生成HTML表单...