在ASP.NET同样可以与其它编程语言一样，利用前台的Ajax技术，只是需要注意的是，后台的处理程序不再是一个aspx页面中的Page_Load，而且ASP.NET独有的“一般处理程序”.ashx，下面用一个简单的例子来说明这个问题。
如下图，一个简单到，完全可以用前台脚本完成的加法程序。这里只是为了说明问题。
首先，这个解决方案的文件结构如下图：
你首先要右击解决方案的方式，通过添加“现有项”的方式，将一个高版本的jQuery.js文件添加到你的解决方案，直接复制这个文件复制到解决方案的文件夹是没有用的，亲测。
之后，要添加一个“新建项”，这个新建项是一般处理程序.ashx，而不是一般的Web窗体.aspx
这里，将一般处理程序，命名为Calculate.ashx，代码如下，其展示给前台的东西是通过context.Response.Write完成的，用于将处理内容打印到前台。
这里首先用context.Request.Form从前台接受两个Post传递过来的参数。如果不为空，则将它们相加的结果打印到前台。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace Ajax
{
/// <summary>
/// Handler1 的摘要说明
/// </summary>
public class Handler1 : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";//用于设置编码
string num1 = context.Request.Form["num1"];//如果是get方式应该用context.Request.QueryString
string num2 = context.Request.Form["num2"];
if (!(string.IsNullOrEmpty(num1) || string.IsNullOrEmpty(num2)))
{
context.Response.Write(int.Parse(num1) + int.Parse(num2));
}
}
public bool IsReusable//用于线程安全
{
get
{
return false;
}
}
}
}
之后的Default.aspx完全是前台HTML+javascript的内容，从两个文本框的获取参数，将其传到Calculate.ashx里面，再将结果打印到id为result的span节点里面。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Ajax.Default" %>
<!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 id="Head1" runat="server">
<title>Ajax</title>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
</head>
<body>
<input type="text" id="num1" />+<input type="text" id="num2" /><button onclick="calculate()">=</button><span id="result"></span>
</body>
<script type="text/javascript">
function calculate() {
var num1 = $("#num1").val();
var num2 = $("#num2").val();
if (isNaN(num1) || isNaN(num2)) {
alert("你输入的不是数！");
}
else {
$.ajax({
type: 'post',
url: 'Calculate.ashx',
dataType: "html",
data: {
num1: num1,
num2: num2
},
success: function (data) {
$("#result").html(data);
},
error: function () {
alert("出错了！请稍候再试！");
}
});
}
}
</script>
</html>
可以看到ASP.NET，利用jQuery与.ashx完成简单的Ajax与其它编程语言几乎没有区别，
唯一需要的是，必须将Ajax的后台处理代码写在.ashx文件，而不是.aspx中的Page_Load方法，如果.aspx没有被访问，仅传过参数进去，是不会触发Page_Load方法的。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 按钮权限的设计及实现
2011-10-12 ASP.NET页面实时进行GZIP压缩优化
2011-10-12 iis6配置使用页面Gzip压缩提速
2011-10-12 网页GZIP压缩
2011-10-12 路由器DNS中继(小知识)
2010-10-12 关于信仰
2006-10-12 使用 Override 和 New 关键字进行版本控制（C# 编程指南）
2006-10-12 如何在.NET自定义控件中实现自己的事件（转）