如何仅通过HTML页面与ASPX创建简单Web服务/API？

嘿，我来帮你搞定这个用HTML + ASPX搭建简单Web服务/API的需求！先看看你给出的HTML表单有一些语法问题，咱先把它修正完善，再一步步实现后端的ASPX处理逻辑。

首先把你的表单代码修正，确保标签闭合、结构清晰，这样浏览器能正确解析，后端也能正常获取提交的参数：

<!DOCTYPE html>
<html>
<head>
    <title>GMail Function Caller</title>
    <meta charset="utf-8" />
</head>
<body>
    <h3>调用GMail相关函数</h3>
    <form action="process.aspx" method="post">
        <div>
            <label>函数名称：</label>
            <input type="text" id="GMFunction" name="GMFunction" placeholder="比如SendEmail" required>
        </div>
        <div style="margin: 10px 0;">
            <label>参数（逗号分隔）：</label>
            <input type="text" id="GMFParameters" name="GMFParameters" placeholder="比如xxx@gmail.com,HelloWorld">
        </div>
        <input type="submit" value="提交调用">
    </form>
    <!-- 可以加个区域显示返回结果 -->
    <div id="result" style="margin-top:20px; padding:10px; border:1px solid #ccc;"></div>
</body>
</html>

这里给表单加了required属性确保函数名称必填，还加了结果显示区域，方便前端展示后端返回的内容。

接下来创建process.aspx文件，它会接收前端表单的POST请求，解析参数、调用对应函数并返回结果。你可以直接在ASPX页面里写服务器端代码，这里给你最简单的内嵌写法：

<%@ Page Language="C#" %>
<%@ Import Namespace="System.Web.Script.Serialization" %>
<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        // 设置响应类型为JSON，方便前端解析
        Response.ContentType = "application/json";
        var result = new { Success = false, Message = "", Data = "" };

        try
        {
            // 获取前端提交的参数
            string functionName = Request.Form["GMFunction"]?.Trim();
            string paramStr = Request.Form["GMFParameters"]?.Trim();

            if (string.IsNullOrEmpty(functionName))
            {
                result = new { Success = false, Message = "请输入函数名称", Data = "" };
                Response.Write(new JavaScriptSerializer().Serialize(result));
                return;
            }

            // 解析参数：把逗号分隔的字符串转成数组
            string[] parameters = string.IsNullOrEmpty(paramStr) ? new string[0] : paramStr.Split(',');

            // 根据函数名称调用对应的逻辑
            switch (functionName.ToLower())
            {
                case "sendemail":
                    result = SendEmail(parameters);
                    break;
                case "getinboxcount":
                    result = GetInboxCount(parameters);
                    break;
                default:
                    result = new { Success = false, Message = $"不存在的函数：{functionName}", Data = "" };
                    break;
            }
        }
        catch (Exception ex)
        {
            result = new { Success = false, Message = $"调用出错：{ex.Message}", Data = "" };
        }

        // 返回JSON结果
        Response.Write(new JavaScriptSerializer().Serialize(result));
        Response.End();
    }

    // 示例函数1：发送邮件
    private dynamic SendEmail(string[] parameters)
    {
        // 这里写实际的GMail发送逻辑，比如验证参数数量
        if (parameters.Length < 2)
        {
            return new { Success = false, Message = "SendEmail需要至少2个参数：收件人邮箱、邮件内容", Data = "" };
        }
        string toEmail = parameters[0];
        string content = parameters[1];

        // 这里替换成实际的GMail API调用代码
        // ...

        return new { Success = true, Message = "邮件发送成功", Data = new { To = toEmail, Content = content } };
    }

    // 示例函数2：获取收件箱数量
    private dynamic GetInboxCount(string[] parameters)
    {
        // 这里写实际的GMail获取收件箱数量逻辑
        // 比如如果需要用户邮箱参数，就验证参数
        if (parameters.Length < 1)
        {
            return new { Success = false, Message = "GetInboxCount需要1个参数：用户邮箱", Data = "" };
        }
        string userEmail = parameters[0];

        // 模拟获取数量
        int count = 15;

        return new { Success = true, Message = "获取成功", Data = new { UserEmail = userEmail, InboxCount = count } };
    }
</script>

• 参数传递与解析：前端用逗号分隔参数，后端拆分后传递给对应函数，你可以根据实际需求调整参数格式（比如JSON格式），不过逗号分隔是最简单的方式。
• 函数映射：用switch语句根据函数名称匹配对应的处理方法，后续新增函数只需要在switch里加分支，再实现对应的方法即可。
• 错误处理：加了try-catch捕获异常，同时对参数缺失、函数不存在的情况返回明确的错误信息，方便调试。
• 响应格式：返回JSON格式的数据，前端可以用JavaScript轻松解析并展示在页面的result区域。

如果不想页面刷新，可以把表单提交改成AJAX方式，给HTML加一段JavaScript：

<script>
document.querySelector('form').addEventListener('submit', function(e) {
    e.preventDefault();
    const formData = new FormData(this);
    fetch('process.aspx', {
        method: 'POST',
        body: formData
    })
    .then(res => res.json())
    .then(data => {
        const resultDiv = document.getElementById('result');
        if (data.Success) {
            resultDiv.style.color = 'green';
            resultDiv.innerHTML = `<strong>成功：</strong>${data.Message}<br>返回数据：${JSON.stringify(data.Data)}`;
        } else {
            resultDiv.style.color = 'red';
            resultDiv.innerHTML = `<strong>失败：</strong>${data.Message}`;
        }
    })
    .catch(err => {
        document.getElementById('result').innerHTML = `<strong>出错：</strong>网络请求失败`;
    });
});
</script>

这样提交后页面不会跳转，直接在页面上显示结果，体验更流畅。

内容的提问来源于stack exchange，提问作者ChaChaMan