【C# 功能总结 8】 C# 页面跳转传值 ajax

原创

已于 2025-04-09 10:01:07 修改 · 966 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#c# #ajax

于 2024-12-19 16:11:54 首次发布

在C# ASP.NET Web Forms中，使用AJAX进行页面跳转并传递值并不是一个常见的做法，因为AJAX主要用于异步更新部分页面内容而不刷新整个页面。不过，你可以通过AJAX调用Web方法或控制器来实现数据传递，并在成功后进行页面跳转。以下是如何使用AJAX在ASP.NET Web Forms中传递值并进行页面跳转的详细步骤和示例代码。

使用AJAX进行页面跳转并传递值的基本概念

AJAX：Asynchronous JavaScript and XML，用于在不重新加载整个页面的情况下与服务器进行通信。
WebMethod：标记在ASPX页面中的静态方法，可以通过JavaScript调用。
jQuery AJAX：简化AJAX调用的JavaScript库。

步骤 1: 引入jQuery库

首先，你需要在项目中引入jQuery库。可以通过CDN引入，也可以下载本地引用。

通过CDN引入jQuery

在你的ASPX页面中添加以下脚本标签：

aspx

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

步骤 2: 创建WebMethod

在ASPX页面的代码隐藏文件中创建一个静态方法，并使用 [WebMethod] 属性标记它。这个方法将被AJAX调用。

源页面 (SourcePage.aspx)

aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SourcePage.aspx.cs" Inherits="YourNamespace.SourcePage" %-->

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Source Page</title>
    <!-- 引入jQuery库 -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script type="text/javascript">
        // 文档加载完成后执行的函数
        $(