FormEasy 开源项目教程

武朵欢Nerissa

于 2024-08-31 09:51:51 发布

阅读量651

点赞数 11

本文链接：https://blog.csdn.net/gitblog_00670/article/details/141746628

版权

FormEasy 开源项目教程

FormEasyA simple open source library to receive contact forms for static sites项目地址:https://gitcode.com/gh_mirrors/fo/FormEasy

1、项目介绍

FormEasy 是一个免费且开源的 Google Apps Script 库，旨在帮助用户轻松接收来自静态网站的表单数据。通过集成 FormEasy，用户可以简化表单处理流程，将表单数据直接存储在 Google Sheets 中，从而实现高效的数据管理和分析。

2、项目快速启动

安装步骤

打开一个新的 Google Sheets 文件：这是存储表单数据的地方。
添加 Apps Script：从菜单栏点击 扩展程序 > Apps Script。
添加 FormEasy 库：在 Apps Script 项目中，添加 FormEasy 库的 Script ID：1CAyzGbXdwMlko81SbJAjRp7ewxhyGKhDipDK4v8ZvlpYqrMAAzbFNccL。

示例代码

以下是一个简单的示例代码，展示如何在 HTML 表单中使用 FormEasy：

<!DOCTYPE html>
<html>
<head>
    <title>FormEasy 示例</title>
</head>
<body>
    <form id="myForm">
        <input type="text" name="name" placeholder="姓名">
        <input type="email" name="email" placeholder="邮箱">
        <button type="submit">提交</button>
    </form>

    <script>
        document.getElementById('myForm').addEventListener('submit', function(event) {
            event.preventDefault();
            const formData = new FormData(this);
            fetch('YOUR_APPS_SCRIPT_WEB_APP_URL', {
                method: 'POST',
                body: formData
            })
            .then(response => response.json())
            .then(data => console.log('成功:', data))
            .catch(error => console.error('错误:', error));
        });
    </script>
</body>
</html>