您的位置：首页 > Web前端 > JavaScript

ASP.net AJAX 调用PageMethods实例(javascript调用服务器页面方法)

2008-04-18 15:27 881 查看

1、新建网站，选择Asp.net Ajax Enabled Web Site 模板（如图）

2、 <asp:scrīptManager ID="scrīptManager1" runat="server"/>中增加 EnablePageMethods="True" ，以启用PageMethods

3、编写服务器端方法代码

[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();

}

}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航