Ajax 调用后台方法

最新推荐文章于 2021-08-06 00:59:50 发布

原创最新推荐文章于 2021-08-06 00:59:50 发布 · 748 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #input #button #function #webservice #string

[ 05 ] JS&HTML&CSS 专栏收录该内容

94 篇文章

订阅专栏

本文介绍了一个使用 ASP.NET 和 AJAX 的简单示例，演示了如何通过客户端 JavaScript 调用服务器端处理程序并返回数据。该示例包括了两个功能：一个是发送纯文本消息到服务器并接收响应；另一个是发送参数到服务器并显示返回的结果。

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

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;

namespace FeiMiao.UI.Ajax
{
    /// <summary>
    /// AjaxPostHandlers 的摘要说明
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    public class Post : IHttpHandler
    {

        HttpContext httpContext;

        public void ProcessRequest(HttpContext context)
        {
            httpContext = context;
            context.Response.ContentType = "text/plain";
            switch (getFormString("method"))
            {
                case "HelloWorld":
                    HelloWorld();
                    break;
                case "Hello":
                    Hello();
                    break;
            }
        }

        private void Hello()
        {
            string input = getFormString("input");
            httpContext.Response.Write("你传入的参数：" + input);
        }

        private void HelloWorld()
        {
            httpContext.Response.Write("HelloWorldTest");
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }

        public string getFormString(string key)
        {
            string s = HttpContext.Current.Request.Form[key];
            return s == null ? "" : s;
        }
    }
}

前台：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="FeiMiao.UI.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></title>
    <script src="Scripts/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
        function Hello() {
            $.post("Ajax/Post.ashx", { method: "HelloWorld" }, function (data) {
                if (null != data && data != "") {
                    alert(data);
                }
            }, "text");
        }

        function Test() {
            $.post("Ajax/Post.ashx", { method: "Hello", input: "heihei" }, function (data) {
                if (null != data && data != "") {
                    alert(data);
                }
            }, "text");
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="button" value="不带参数" onclick="Hello()" />
        <input type="button" value="带参数" onclick="Test()" />
        <asp:Button ID="btnTest" runat="server" OnClick="btnTest_Click" Text="Button" />
        <br />
    </div>
    </form>
</body>
</html>