开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

使用jQuery调用ASP.NET PageMethod/WebMethod - 返回整个页面

您好！您的问题是关于如何使用jQuery调用ASP.NET PageMethod/WebMethod。

在ASP.NET中，PageMethod和WebMethod是两种不同的方法来实现客户端和服务器端之间的通信。PageMethod是在ASP.NET页面中定义的静态方法，而WebMethod是在ASP.NET Web服务中定义的静态方法。

以下是一个使用jQuery调用ASP.NET PageMethod/WebMethod的示例：

在ASP.NET页面中定义PageMethod：

using System.Web.Services;

public partial class _Default : System.Web.UI.Page
{
    [WebMethod]
    public static string GetDate()
    {
        return DateTime.Now.ToString();
    }
}

在HTML页面中添加jQuery代码来调用PageMethod：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   <title></title>
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   <script type="text/javascript">
        $(document).ready(function () {
            $("#btnGetDate").click(function () {
                $.ajax({
                    type: "POST",
                    url: "Default.aspx/GetDate",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        $("#lblDate").text(response.d);
                    },
                    error: function (response) {
                        $("#lblDate").text(response.statusText);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Button ID="btnGetDate" runat="server" Text="Get Date" />
        <asp:Label ID="lblDate" runat="server" Text=""></asp:Label>
    </form>
</body>
</html>

在这个示例中，我们定义了一个名为GetDate的PageMethod，它返回当前日期和时间。然后，我们使用jQuery的$.ajax方法来调用这个PageMethod，并将结果显示在一个名为lblDate的标签中。

请注意，我们使用了contentType和dataType属性来指定请求和响应的数据类型。我们还使用了response.d来访问PageMethod的返回值，因为ASP.NET会将返回值包装在一个名为d的属性中。

总之，使用jQuery调用ASP.NET PageMethod/WebMethod是一种简单而有效的方法来实现客户端和服务器端之间的通信。

相关搜索:Ajax/PageMethod都返回整个页面的HTML，而不是执行webmethod并正确返回 asp.net中对WebMethod的Jquery Ajax调用 ASP.NET使用jQuery AJAX调用WebMethod“401(未经授权)”JQuery -调用相同的页面，但使用不同的模型数据 Wordpress ajax调用返回整个html页面，但并不总是返回 Wordpress ajax调用返回整个页面，而不仅仅是我回显的页面使用ASP.NET MVC将Json返回到jQuery 使用C#中的参数从JQuery调用WebMethod 使用jquery ajax和knockout时，不能调用code后台webmethod。我尝试了很多方法，但都失败了使用jquery调用ascx页面方法

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

ASP.NET AJAX（4）__客户端访问WebService服务器端释放WebService方法客户端访问WebService客户端访问PageMethod错误处理复杂数据类型使用基础客户端代理的

服务器端释放WebService方法编写一个普通的WebService 为WebService类添加自定义的属性标记__ScriptServiceAttribute 释放WebService方法 __访问级别为Public __使用WebServiceAttribute进行标记为页面中的ScriptManager引入asmx文件客户端访问WebService [Namespaces.]ClassName.MethodName 依次

07

Jquery ajax调用后台aspx后台文件方法(不是ashx)

在asp.net webForm开发中,用Jquery ajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下。 (1)通过aspx.cs的静态方法+WebMethod进行处理简单的介绍下WebMethod方法的用法 1.修饰符主要用public static修饰 2.方法前面加上[WebMethod]属性表明这是WebMethod方法 3.前台html页面(Client端)访问时要使用post方法，和后台.cs文件进行数据交互,否则会返回整个html页面。 4

05

JQuery ajax调用asp.net的webMethod

在vs2010中，用JQuery ajax调用asp.net 2.0的 webMethod 方法时，怎么都调不出来，原来和3.5 有点出入。

02

C#进阶-ASP.NET WebForms调用ASMX的WebService接口

ASMX 文件是 ASP.NET 中用于创建 Web 服务的文件。Web 服务是用于跨网络传输数据和服务的标准方法，使不同平台和编程语言的系统可以互相通信。通过 ASMX 文件，开发者可以创建基于 SOAP 协议 / HTTP 协议的 Web 服务，这些服务可以被各种客户端（如浏览器、移动应用程序、其他服务器应用程序）调用。

02

JQuery ajax调用asp.net的webMethod

本文章转载：http://www.cnblogs.com/zengxiangzhan/archive/2011/01/16/1936938.html

01

ASP.NET 使用Ajax

之前在Ajax初步理解中介绍了对Ajax的初步理解，本文将介绍在ASP.NET中如何方便使用Ajax，第一种当然是使用jQuery的ajax，功能强大而且操作简单方便，第二种是使用.NET封装好的ScriptManager。

02

Jquery Ajax 跨域调用asmx类型 WebService范例

摘要：Ajax 在 Web 2.0 时代起着非常重要的作用，然而有时因为同源策略(SOP)（俗称：跨域问题(cross domain)）它的作用会受到限制。在本文中，将学习如何克服合作限制。本文以asmx方式搭建webservice作为测试用后端，给出完整的前后端调用解决方案、范例代码。

04

C 异步调用

摘要：Matt Powell 介绍了如何在服务器端使用异步 Web 方法，来创建高性能的 Microsoft ASP.NET Web 服务。简介

01

ASP.NET AJAX(10)__Authentication ServiceAuthentication ServiceAuthentication Service属性Authentication

在通常情况下，如果使用AJAX方式调用WebService，则可能被恶意用户利用，造成性能以及安全性的问题，所以我们需要使用一些验证方式来保护WebService，最常见方式就是Forms Authentication,这也是一种用法很简单的方式一个使用FormsAuthentication保护WebService调用的示例首先创建一个名为ProtectedService的WebService，代码如下 using System; using System.Collections.Generic; us

09

SignalR QuickStart

SignalR 是一个集成的客户端与服务器库，基于浏览器的客户端和基于 ASP.NET 的服务器组件可以借助它来进行双向多步对话。换句话说，该对话可不受限制地进行单个无状态请求/响应数据交换；它将继续，直到明确关闭。对话通过永久连接进行，允许客户端向服务器发送多个消息，并允许服务器做出相应答复，值得注意的是，还允许服务器向客户端发送异步消息。它和AJax类似，都是基于现有的技术。本身是一个复合体。一般情况下，SignalR会使用Javascript的长轮询（ long polling），实现客户端和服务端通信。在WebSockets出现以后，SignalR也支持WebSockets通信。当然SignalR也使用了服务端的任务并行处理技术以提高服务器的扩展性。它的目标整个 .NET Framework 平台，它也不限 Hosting 的应用程序，而且还是跨平台的开源项目，支持Mono 2.10+，觉得它变成是 Web API 的另一种实作选择，但是它在服务端处理联机的功能上比 ASP.NET MVC 的 Web API 要强多了，更重要的是，它可以在 Web Form 上使用。

03

ASP.NET2.0应用中定制安全凭证之实践篇

一、方案架构　　本方案架构很简单——它用一个Web服务来包装ASP.NET 2.0提供者并且为远程客户暴露该凭证管理，你甚至还能在该架构中加上一些失去的功能。然后，在提供一个丰富的用户接口和全面凭证管理经验的同时，使用一个Windows表单应用程序来消费该Web服务。该Web服务配置文件将包含特定于该凭证存储的指令。然而，这的确意味着所有由该Web服务管理的应用程序都将可以共享这些指令。　　尽管你能够从头到尾地构建该Web服务，也就是说，首先用静态方法Roles和Membership来包装它们并定义该W

08

Asp.net mvc 知多少（四）

本系列主要翻译自《ASP.NET MVC Interview Questions and Answers 》- By Shailendra Chauhan，想看英文原版的可访问http://www.dotnettricks.com/free-ebooks自行下载。该书主要分为两部分，ASP.NET MVC 5、ASP.NET WEB API2。本书最大的特点是以面试问答的形式进行展开。通读此书，会帮助你对ASP.NET MVC有更深层次的理解。由于个人技术水平和英文水平也是有限的，因此错误在所难免，希

09

Asp.Net MVC3 简单入门第一季（二）详解Asp.Net MVC3项目

在上一篇文章Asp.Net MVC3 简单入门第一季（一）环境准备中我简单介绍了Asp.Net MVC3项目的安装和第一个Asp.Net MVC3项目的基本情况。没有详细介绍项目中各个文件夹的作用，以及创建的第一个页面是怎样运行起来的？还有好多的疑问，那在这篇文章中我们将详细介绍项目中各个文件夹的作用，并真的第一个项目我们简要介绍一下Asp.Net MVC的URL驱动的是怎么回事。

01

Web API--入门--（一）ASP.NET Web API 2（C＃）入门

在本教程中，您将使用ASP.NET Web API创建返回产品列表的Web API。前端网页使用jQuery显示结果。

01

ASP.NET-WebFoms常见前后端交互方式

在 ASP.NET Web Forms 中，实现前后端交互是开发 Web 应用程序的重要部分。通过合适的数据传递方式，前端页面能够与后端进行有效的通信，并实现数据的传递、处理和展示。本文介绍了ASP.NET Web Forms开发中常见的前后端交互方式，包括控件绑定、Ajax、WebService、自定义处理程序和Form提交等。通过详细解读每种方式的特点、使用方法和示例代码，读者可以全面了解各种方式的优缺点以及适用场景。这些方法为实现前后端数据交互提供了灵活多样的选择，有助于开发者根据项目需求选择最合适的方式进行开发。

01

ASP.NET AJAX（2）__ASP.NET 2.0 AJAX Extensions

ASP.NET 2.0 AJAX Extensions为我们提供的主要功能如下序列化和反序列化客户端访问Web Service方法服务器端AJAX控件 _____ScriptManager _____UpdatePanel _____Extender 微软的ASP.NET AJAX有一点非常让人感觉神奇的一点，也算是他宣传的一个鳌头，说的是，所有的ASP.NET程序员，不用写任何javascript代码就可以实现AJAX,那么UpdatePanel呢，就是说着话的资本，我们也知道，几乎

06

Jayrock: JSON and JSON-RPC for .NET

mojoPortal 项目中使用Joyrock和MagicAjaxNET，他没有使用Asp.net ajax ,是因为mojoPortal是一个运行在Windows的 .net framework或Linux,Mac OS的Mono平台上的cms系统，asp.net ajax 的协议决定了它不能应用于mono上。Joyrock的具体应用可以去看mojoPortal 的最新版本的代码。 Joyrock是一个LGPL的开源的软件，实现了JSON和JSON-RPC，支持微软ASP.NET框架。看看服务器端的写法

08

.NET基础拾遗（7）Web Service的开发与应用基础

Web Service基于SOAP协议，而SOAP本身符合XML语法规范。虽然.NET为Web Service提供了强大的支持，但了解其基本机制对于程序员来说仍然是必需的。

02

ASP.NET Web API自身对CORS的支持：从实例开始

在《通过扩展让ASP.NET Web API支持W3C的CORS规范》中我们通过自定义的HttpMessageHandler为ASP.NET Web API赋予了跨域资源共享的能力，具体来讲，这个自定义的CorsMessageHandler的自由主要体现在如下两个方面：其一，为简单跨域请求的响应和继预检请求后的真实跨域资源请求的响应添加CORS报头；其二，对从浏览器发送的预检请求予以响应。实际上ASP.NET Web API本身就提供了针对CORS的支持，就其实现原理来看，与我们的实现没有本质的区别。接下来

【asp.net core 系列】 1 带你了解一下asp.net core

这是一个新的系列，名字是《ASP.NET Core 入门到实战》。这个系列主讲ASP.NET Core MVC，辅助一些前端的基础知识（能用来实现我们需要的即可，并非主讲）。同时这个系列也会在后续介绍ASP.NET Core 平台的其它类型的项目，并带领大家以各个类型的项目为主要架构开发一个网站或者网络服务中心。

03

转:[WebServices]介绍

1. 有关生存期的补充正常情况下，每次调用 WebMethod，服务器都会创建一个新的 WebService 对象，即便客户端使用同一个代理对象多次调用 WebMethod。而我们一旦调用了有缓存标记的 WebMethod，只要未超出缓存期，WebService 对象都不会被重新创建。在缓存期内调用没有缓存标记的 WebMethod，也会继续使用该 WebService 对象。有太多因素让这个缓存机制变得不那么可靠，因此我们不能奢望用缓存标记来维持特定的对象状态，况且缓存机制的设计初衷也只是为了快速输出那些比较稳定非常大的数据。基于多用户并发调用这个环境，WebService 本身最好设计成无状态对象，我们可以使用 Session 和 Application 来保持特定的状态信息。 2. 异步调用网上很多人在写有关 .net 2.0 的文章时，都喜欢用“优雅”这个词。的确，在 2.0 中编译器和代码生成器为我们封装了很多罗嗦的东西，诸如匿名方法、委托推断等等，当然还有这 WebService 的异步调用。我们不用再写那些个 BeginXXX、EndXXX 了，基于事件驱动的异步机制会自动为每个 WebMethod 生成一个 XXXAsync 的异步方法和 XXXCompleted 事件，我们只需调用该方法，并处理该事件即可完成异步操作，当真是优雅了不少。不要小看 2.0 的这些封装，我们编写的代码越少意味着出错的几率越小。下面的示例中，我们使用了匿名方法来处理事件，看上去更简洁了些。 WebServices.cs

04

Asp.net mvc 知多少（六）

本系列主要翻译自《ASP.NET MVC Interview Questions and Answers 》- By Shailendra Chauhan，想看英文原版的可访问http://www.dotnettricks.com/free-ebooks自行下载。该书主要分为两部分，ASP.NET MVC 5、ASP.NET WEB API2。本书最大的特点是以面试问答的形式进行展开。通读此书，会帮助你对ASP.NET MVC有更深层次的理解。由于个人技术水平和英文水平也是有限的，因此错误在所难免，希

05

C#开发WebService实例和发布

WebService是一种跨平台，独立于编程语言之外的通信技术，将其部署在服务器端，在网络内的所有设备都可以调用这个WebService。本文介绍用C#开发WebService实例以及其部署和调用。首先是一个简单的WebService工程的创建： 1、创建一个asp.net web应用程序，我这里起名字叫WebServiceTest

01

Asp.net Ajax AutoComplete 控件的用法

AutoComplete控件是微软提供的ASP.NET AJAX Control Toolkit 中的一个控件，是用来实现类似百度搜索的自动完成效果。

01

七天学会ASP.NET MVC (四)——用户授权认证问题

小编应各位的要求，快马加鞭，马不停蹄的终于：七天学会 Asp.Net MVC 第四篇出炉，在第四天的学习中，我们主要了学习如何在MVC中如何实现认证授权等问题，本节主要讲了验证错误时的错误值，客户端验证，授权认证及登录注销功能的实现。系列文章七天学会ASP.NET MVC (一)——深入理解ASP.NET MVC 七天学会ASP.NET MVC (二)——ASP.NET MVC 数据传递七天学会ASP.NET MVC (三)——ASP.Net MVC 数据处理七天学会ASP.NET MVC (四)—

05

【ASP.NET Core 基础知识】--前端开发--使用ASP.NET Core和JavaScript进行通信

在现代的Web开发中，JavaScript是不可或缺的一部分，它为网页提供了交互性和动态性。而ASP.NET Core作为一个强大的服务器端框架，与JavaScript的结合可以为开发人员带来更加灵活和丰富的体验。本文将探讨如何在ASP.NET Core中使用JavaScript，并提供一些简单的示例来说明。

00

ASP.NET 2.0 中的异步页[来自MSDN]

ASP.NET 2.0 提供了大量新功能，其中包括声明性数据绑定和母版页，成员和角色管理服务等。但我认为最棒的功能是异步页，接下来让我告诉您其中的原因。当 ASP.NET 接收针对页的请求时，它从线程池中提取一个线程并将请求分配给该线程。一个普通的（或同步的）页在该请求期间保留线程，从而防止该线程用于处理其他请求。如果一个同步请求成为 I/O 绑定（例如，如果它调用一个远程 Web 服务或查询一个远程数据库，并等待调用返回），那么分配给该请求的线程在调用返回之前处于挂起状态。这影响了可伸缩性，原因是线程池

09

ASP.NET的路由系统：路由映射

总的来说，我们可以通过RouteTable的静态属性Routes得到一个基于应用的全局路由表，通过上面的介绍我们知道这是一个类型的RouteCollection的集合对象，我们可以通过调用它的MapPageRoute进行路由映射，即注册URL模板与某个物理文件的匹配关系。路由注册的核心就是在全局路由表中添加一个Route对象，该对象的绝大部分属性都可以通过MapPageRoute方法的相关参数来指定。接下来我们通过实现演示的方式来说明路由注册的一些细节问题。目录一、变量默认值

09

通过扩展让ASP.NET Web API支持JSONP

同源策略（Same Origin Policy）的存在导致了“源”自A的脚本只能操作“同源”页面的DOM，“跨源”操作来源于B的页面将会被拒绝。同源策略以及跨域资源共享在大部分情况下针对的是Ajax请求。同源策略主要限制了通过XMLHttpRequest实现的Ajax请求，如果请求的是一个“异源”地址，浏览器将不允许读取返回的内容。JSONP是一种常用的解决跨域资源共享的解决方案，现在我们利用ASP.NET Web API自身的扩展性提供一种“通用”的JSONP实现方案。一、JsonpMediaTypeF

08

真因验证[客户端认证失败]

在上一篇使用jQuery.Validate进行客户端验证（初级篇）中我介绍了为什么选用jQuery.Validate作为客户端的理由，同时也介绍了jQuery.Validate的基本用法以及中文验证消息的修改方法，今天的中级篇我将介绍下jQuery.Validate的一些常见的验证的使用方法。

01

ASP.NET MVC的客户端验证：jQuery的验证

之前我们一直讨论的Model验证仅限于服务端验证，即在Web服务器根据相应的规则对请求数据实施验证。如果我们能够在客户端（浏览器）对用户输入的数据先进行验证，这样会减少针对服务器请求的频率，从而缓解W

09

ASP.NET Core 2.0 : 三. 项目结构

本章我们一起来对比着ASP.NET Framework版本看一下ASP.NET Core 2.0的项目结构.(此后的文章也尽量这样对比着, 方便学习理解.) 关注差异, 也为项目迁移做准备. 新建项目

05

web开发web form，mvc，Silverlight比较优缺点

最近一段时间比较闲，所以顺便尝试去了解一些新东西，虽然不做开发好多年，但最始终还是觉得做开发（coding）来的最轻松，也最拿手，做项目经理真的很烦，看来我还是不合适干项目经理。前一段时间在Silverlight 2出来的时候我们公司就有个家伙用Siverlight做了个项目，吹嘘了一下说开发有多快，用户体验有多好，搞得公司里火了一段时间，后来又有项目组也开始用silverlight 开发产品，但很不顺利，效果很差，第一个项目组把项目做成功的原因是这哥们技术真的不错，肯专研，可惜后来离职了，而其他项目

04

ASP.NET MVC 4中的单页面应用程序

ASP.NET MVC 4 beta中包含了一个实验项目，用作开发“单页面应用程序（single page applications）”。该项目也称为ASP.NET SPA，其项目类型基于一组开源库以及WPF、Silverlight上流行的MVVM模式。浏览器端位于浏览器端技术组底部的是著名的jQuery库，与之一起的还有Unobtrusive Ajax、jQuery UI和jQuery Validation插件。接下来的技术是Upshot。它是构建于jQuery和Knockout之上的数据访问和缓存

07

基于asp.net + easyui框架，一步步学习easyui-datagrid——完成，总结（四）

通过前面三篇博客对easyui-datagrid组件的学习，相信大家对jQuery Easyui框架，有了更加深入的了解和学习。这篇博客，我会从两个方面着手做一下总结：

02

Asp.NetCore Web开发之输入验证

在开发中，验证表单数据是很重要的一环，如果对用户输入的数据不加限制，那么当错误的数据提交到后台后，轻则破坏数据的有效性，重则会导致服务器瘫痪，这是很致命的。

03

零基础AJAX入门（含Demo演示源文件）

作者：一点一滴的Beer 个人主页:http://www.cnblogs.com/beer

02

七天学会ASP.NET MVC (一)——深入理解ASP.NET MVC

系列文章七天学会ASP.NET MVC (一)——深入理解ASP.NET MVC 七天学会ASP.NET MVC (二)——ASP.NET MVC 数据传递七天学会ASP.NET MVC (三)—

06

解决ASP.NET中的各种乱码问题

在一个网站中，有些页面会正常显示，然而，有些页面会显示成乱码。如果发生这种情况，可以检查一下web.config和文件编码。

06

基于asp.net + easyui框架，一步步学习easyui-datagrid——界面（一）

从这篇博客，我会一步步的为大家讲解，easyui框架中最常用的一个控件datagrid。在使用easyui框架时，datagrid是使用最多的控件，它不仅好用，关键是实用。

03

webservice示例

所谓跨编程语言和跨操作平台，就是说服务端程序采用java编写，客户端程序则可以采用其他编程语言编写，反之亦然！跨操作系统平台则是指服务端程序和客户端程序可以在不同的操作系统上运行。

03

asp.net core 系列之用户认证(1)-给项目添加 Identity

对于没有包含认证(authentication),的项目，你可以使用基架(scaffolder)把 Identity的程序集包加入到项目中，并且选择性的添加Identity的代码进行生成。

01

解决ASP.NET中的各种乱码问题

经常发现有人被乱码困扰着，而我感觉比较幸运，很少为此烦恼过。在这篇博客中，我将把我想到的一些与乱码有关的经验总结出来，供大家参考。页面显示乱码问题在一个网站中，有些页面会正常显示，然而，有些

06

ASP.Net WebForm温故知新学习笔记：二、ViewState与UpdatePanel探秘

开篇：经历了上一篇《aspx与服务器控件探秘》后，我们了解了aspx和服务器控件背后的故事。这篇我们开始走进WebForm状态保持的一大法宝—ViewState，对其刨根究底一下。然后，再对曾经很流行的ASP.Net AJAX方案中的利器—UpdatePanel这个神奇的区域一探究竟。

03

C#基础知识复习

2) 类可以继承，也可以实现接口；结构不能继承，但可以实现接口。 3) 类可以有显式声明的无参数构造函数；结构不能包含显式的无参数构造函数。 4) 结构中不能有实例字段初始值设定，但类没有任何限制。 5) 类的构造函数里面可以不用对所有字段进行初始化；结构的构造函数里面必须对所有字段进行初始化。 6) 类可以有析构函数，但结构不行。

01

ASP.NET MVC5中的Model验证

Model验证是ASP.NET MVC中的重要部分，它主要用于判断输入的数据类型及值是否符合我们设定的规则，这篇文章就介绍下ASP.NET MVC中Model验证的几种方式。

02

通过Knockout.js + ASP.NET Web API构建一个简单的CRUD应用

较之面向最终消费者的网站，企业级Web应用对用户体验的要求要低一些。不过客户对“用户体验”的要求是“与日俱增”的，很多被“惯坏了”的用户已经不能忍受Postback带来的页面刷新，所以Ajax在企业级Web应用中得到了广泛的应用。企业级Web应用的一个特点是以“数据处理”为主，所以“面向绑定”的Knockout.js 是一个不错的选择。ASP.NET Web API，作为.NET平台最好的REST服务开发平台（主要与WCF相比），则可以以服务的形式提供对数据的后台处理。一、一个简单的基于CRUD的Web应

09

php dropdownlist,遇到dropdownlist[通俗易懂]

ASP.NET Dropdownlist 错误 “Cannot have multiple items selected in a DropDownList.”

01

[Vue 牛刀小试]：第十五章 - 传统开发模式下的 axios 使用入门

在没有接触 React、Angular、Vue 这类 MVVM 的前端框架之前，无法抛弃 Jquery 的重要理由，除了优秀的前端 DOM 元素操作性以外，能够非常便捷的发起 http 请求也占有非常重要的地位。

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭