基于用户下拉选择动态分配Mailchimp标签的实现教程

<form action="/" method="post">
    <div class="mb-3">
        <label for="firstName" class="form-label">姓氏</label>
        <input type="text" class="form-control" id="firstName" name="firstName" required>
    </div>
    <div class="mb-3">
        <label for="lastName" class="form-label">名字</label>
        <input type="text" class="form-control" id="lastName" name="lastName" required>
    </div>
    <div class="mb-3">
        <label for="email" class="form-label">邮箱</label>
        <input type="email" class="form-control" id="email" name="email" required>
    </div>

    <div class="dropdown me-1">
        <label for="dropDown" class="form-label">选择您的兴趣</label>
        <select name="dropDown" id="dropDown" class="form-select">
            <option value="">请选择一个选项</option> <!-- 建议添加一个默认提示选项 -->
            <option value="B2B">企业对企业 (Business to Business)</option>
            <option value="B2C">企业对消费者 (Business to Consumer)</option>
        </select>
    </div>

    <button type="submit" class="btn btn-primary mt-3">订阅</button>
</form>

app.post('/', (req, res) => {
  // 从 req.body 中获取表单字段值
  var firstName = req.body.firstName;
  var lastName = req.body.lastName;
  var email = req.body.email;

  // 获取下拉菜单选择的标签值
  let tag = req.body.dropDown; 

  // ... 后续处理逻辑
});

app.post('/', (req, res) => {
  var firstName = req.body.firstName;
  var lastName = req.body.lastName;
  var email = req.body.email;
  let tag = req.body.dropDown; 

  var data = {
    status: "active", // 订阅者状态，例如 "active"
    members: [
      {
        email_address: email,
        status: "subscribed", // 订阅状态
        merge_fields: {
          FNAME: firstName,
          LNAME: lastName,
        },
        tags: [tag], // 将捕获到的标签添加到 tags 数组
      }
    ],
  };

  // ... 接下来是向 Mailchimp API 发送请求的逻辑
  // 例如使用 'request' 或 'axios' 库发送 POST 请求
  // request({
  //   method: 'POST',
  //   url: 'https://<dc>.api.mailchimp.com/3.0/lists/<list_id>',
  //   headers: {
  //     'Authorization': 'apikey <your_api_key>',
  //     'Content-Type': 'application/json'
  //   },
  //   body: JSON.stringify(data)
  // }, (error, response, body) => {
  //   if (error) {
  //     console.error('Error:', error);
  //     res.status(500).send('Subscription failed');
  //   } else {
  //     console.log('Mailchimp API Response:', body);
  //     res.status(200).send('Subscription successful');
  //   }
  // });
});