zoukankan      html  css  js  c++  java
  • ASP.net AJAX 调用PageMethods实例

    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(clientValue1,clientValue2)
     {
         return DateTime.Now.ToString();
     }

    请注意:a、[System.Web.Services.WebMethod]是必须的,相当于ajax.net中的[ajax.method],b、方法前面要上 public 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[

    var ClientValue1,ClientValue2;
     function btnGetServerTime_onclick() {
     PageMethods.GetServerTime(ClientValue1,ClientValue2,cb_getServerTime,null,[AnyClientValue]);  //cb_getServerTime为onSuccess方法
    }

    function cb_getServerTime(resultFrovServer,[anyClientValue]) {  //其中 “anyClientValue”段为可选
    document.getElementById("result").innerHTML = resultFrovServer;
    }

    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[

    var ClientValue1,ClientValue2;
     function btnGetServerTime_onclick() {
     PageMethods.GetServerTime(ClientValue1,ClientValue2,cb_getServerTime,null,[AnyClientValue]);  //cb_getServerTime为onSuccess方法
    }

    function cb_getServerTime(resultFrovServer,[anyClientValue]) {  //其中 “anyClientValue”段为可选
    document.getElementById("result").innerHTML = resultFrovServer;
    }

    // ]]>
    </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(clientValue1,clientValue2)
     {
         return DateTime.Now.ToString(); 
        }
    }

  • 相关阅读:
    【分享】项目开发容易出现的问题?身为前端/后端你见到过吗?
    标准化API设计的重要性
    【分享】对外API接口安全设计
    【实例】调用数据库自动生成接口代码
    【翻译】API-First是什么概念?有什么商业价值?
    保障接口安全的5种常见方式
    【翻译】使用OpenAPI规范进行安全的API设计
    为什么需要API文档
    利用java的反射,实现工厂创建对象
    Cesium入门8
  • 原文地址:https://www.cnblogs.com/zhangsir/p/1087397.html
Copyright © 2011-2022 走看看