ajaxpro2 调用后台的方法 ajax获取后台的值

原创于 2016-10-12 10:30:33 发布 · 415 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #ajax

本文介绍如何通过AjaxPro插件实现Ajax功能，包括配置步骤、页面引用及具体使用示例，展示了如何从前端调用后台方法。

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

在我我的博客里有ajaxpro 的插件下载完自己引用 dll

首先在Config 里面配置

    <httpHandlers>
      <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/>
    </httpHandlers>

界面上

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="AjaxTest.test" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript">
        function OnButtonClick() {
            alert(AjaxTest.test.TestA().value);
            alert(AjaxTest.test.Add(1, 2).value);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <input id="btn" onclick="OnButtonClick()" type="button" value="Ajax调用服务器方法" />
        </div>
    </form>
</body>
</html>

using AjaxPro;
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace AjaxTest
{
    public partial class test : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Utility.RegisterTypeForAjax(typeof(test));//注册当前页面的 名称
        }

       /// <summary>
       /// 调用的类  添加 特性类
       /// </summary>
       /// <param name="a"></param>
       /// <param name="b"></param>
       /// <returns></returns>
        [AjaxMethod]
        public int Add(int a, int b)
        {
            return a + b;
        }
        [AjaxMethod]
        public string TestA()
        {
            return DateTime.Now.ToString();
        }
    }
}

ajaxpro2 调用后台的方法 ajax获取后台的值 ajaxpro2 调用后台的方法 ajax获取后台的值

下载当前例子http://download.youkuaiyun.com/detail/a770kfof/9651523