zoukankan      html  css  js  c++  java
  • 微软ASP.Net Ajax:使用AJAX直接调用后台页面类方法

    一直使用ajaxpro来做无刷新,今天用了微软的无刷新框架,竟然发现很多人都通过web service来调用后台cs方法.网上搜寻一番,找到了直接调用页面cs类的方法.

    特此记录,以备后用.

    首先是使用VS.Net2005创建一个 ASP.Net AJAX-Enabled Web Application

     1、使用AJAX直接调用后台方法:

    后台代码:

    namespace AJAX1
    {
        public partial class _Default : System.Web.UI.Page
        {
            // 需要标识为WebMethod 
            [System.Web.Services.WebMethod]
            // 注意,要让前台调用的方法,一定要是public和static的 
            public static string Hello(string name)
            {
                return "Hello:" + name;
            }
        }
    }
     
    前台代码:

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

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>Untitled Page</title>
        <script type="text/javascript">
            function btnClick(){
                // 调用页面后台方法,前面跟方法所需的参数,接着是方法回调成功时要执行的js函数,最后一个是方法回调失败时要执行的js函数
                PageMethods.Hello("you",funReady,funError);
            }        
            // result 就是后台方法返回的数据
            function funReady(result){
                alert(result);
            }
            // err 就是后台方法返回的错误信息
            function funError(err){
                alert("Error:" + err._message );
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            下面要加上EnablePageMethods="true"属性,才能使用后台方法        
            <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
            </asp:ScriptManager>
            <input type="button" onclick="btnClick();" value="test" />
        </div>
        </form>
    </body>
    </html>

  • 相关阅读:
    网站精准查询IP
    JQuery插件模板
    SQLSERVER 数据从一张那个表复制到另一张表
    C# 取form表单的数据
    C# 判断网络文件是否存在
    C# 将文件转换为 Stream
    C# 将 Stream 写入文件
    JDBC教程
    Spring Boot教程
    JavaMail
  • 原文地址:https://www.cnblogs.com/ymyglhb/p/1456510.html
Copyright © 2011-2022 走看看