代码改变世界

微软ASP.Net Ajax:使用AJAX直接调用后台页面类方法

2009-05-14 09:28  周国选  阅读(1671)  评论(0编辑  收藏  举报

一直使用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>