ASP.net AJAX 调用PageMethods实例

最新推荐文章于 2025-08-12 17:24:04 发布

转载最新推荐文章于 2025-08-12 17:24:04 发布 · 692 阅读

文章标签：

#asp.net #ajax #function #服务器 #server #path

本文介绍如何在ASP.NET AJAX应用中实现服务器时间获取功能。通过使用PageMethods结合客户端JavaScript调用，实现按钮点击获取并展示服务器当前时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、新建网站，选择Asp.net Ajax Enabled Web Site 模板（如图）
2、 <asp:scrīptManager ID="scrīptManager1" runat="server"/>中增加 EnablePageMethods="True" ，以启用PageMethods

[System.Web.Services.WebMethod]
public static string GetServerTime()
{
return DateTime.Now.ToString();
}

请注意：a、[System.Web.Services.WebMethod]是必须的，相当于ajax.net中的[ajax.method]，b、方法前面要上static

4、页面设计,内容如下
<div>
<input type="button" value="服务器时间" id="btnGetServerTime" ōnclick="return btnGetServerTime_onclick()" />
<span id="result" />
</div>

5、编写客户端javascrīpt
<scrīpt language="javascrīpt" type="text/javascrīpt">
// <!CDATA[

function btnGetServerTime_onclick() {
PageMethods.GetServerTime(cb_getServerTime);
}

function cb_getServerTime(result) {
document.getElementById("result").innerHTML = result;
}

6、执行程序，单击"服务器时间" 按钮就可返回服务器的时间并显示在result中。

附：

一、客户端代完整代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<scrīpt language="javascrīpt" type="text/javascrīpt">
// <!CDATA[

function btnGetServerTime_onclick() {
PageMethods.GetServerTime(cb_getServerTime);
}

function cb_getServerTime(result) {
document.getElementById("result").innerHTML = result;
}

// ]]>
</scrīpt>

</head>
<body>
    <form id="form1" runat="server">
        <asp:scrīptManager ID="scrīptManager1" runat="server" EnablePageMethods="True" />
       <div>
<input type="button" value="服务器时间" id="btnGetServerTime" ōnclick="return btnGetServerTime_onclick()" />
<span id="result" />
</div>

</form>
</body>
</html>

二、服务器端完整代码

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

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

由于我做的时候是没用AJAX的模板，所以在web.config里加了一个节点，网上都这么说

可是还是不成，单击按钮时，提示：未知的运行时错误，搞了很久，终于在web.config里再加了一个节点

终于成功~~