使用Ajax/jQuery向两个URL提交订阅表单数据的问题

看起来你现在的情况是：表单通过Ajax成功把数据发给mail.php发送通知邮件，但原本指向外部订阅系统的action没正常生效？我来给你几个靠谱的解决思路：

方案一：Ajax成功后手动触发表单提交 #

既然已经确保邮件发送成功，我们可以在Ajax的success回调里，手动调用表单的默认提交方法，让它走原本的action地址完成外部订阅。

举个前端代码示例：

// 假设你的表单id是subscribeForm
const form = document.getElementById('subscribeForm');

form.addEventListener('submit', function(e) {
  // 先阻止默认表单提交，优先执行Ajax发邮件逻辑
  e.preventDefault();
  
  // 收集表单所有数据
  const formData = new FormData(this);
  
  // 发起Ajax请求到mail.php
  fetch('mail.php', {
    method: 'POST',
    body: formData
  })
  .then(response => {
    if (response.ok) {
      // Ajax邮件发送成功后，手动触发表单默认提交，跳转至外部订阅系统
      form.submit();
    } else {
      // 处理Ajax失败场景，给用户友好提示
      alert('订阅通知邮件发送失败，请稍后重试');
    }
  })
  .catch(error => {
    console.error('请求出错:', error);
    alert('网络请求异常，请稍后重试');
  });
});

这个方案逻辑清晰，先确保内部通知邮件发送完成，再同步提交用户数据到外部系统，不会出现数据丢失的情况。

方案二：后端转发数据，前端仅做一次提交 #

如果你不想在前端处理异步回调的复杂逻辑，可以把两个操作都放在后端完成：前端正常提交表单到mail.php，mail.php处理完邮件发送后，自动把数据转发到外部订阅系统的URL。

PHP示例代码：

<?php
// 第一步：执行你的现有邮件发送逻辑
$shopEmail = '目标店铺邮箱地址';
$subject = '新用户订阅通知';
$userEmail = $_POST['email'] ?? '';
$message = "收到新订阅请求，用户邮箱：{$userEmail}";
// 这里替换成你原本的邮件发送代码（比如mail()函数或第三方邮件库）
mail($shopEmail, $subject, $message);

// 第二步：邮件发送完成后，转发数据到外部订阅系统
$externalSubscribeUrl = '外部订阅系统的POST接口URL';
$ch = curl_init($externalSubscribeUrl);
curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_POSTFIELDS, $_POST);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
// 执行转发请求
$externalResponse = curl_exec($ch);
curl_close($ch);

// 根据外部系统返回结果，跳转至对应页面
header('Location: 订阅成功提示页面URL');
exit;
?>

这种方案的优势是前端无需处理跨域问题（如果外部系统和你的域名不同），所有数据流转都在后端完成，安全性更高，也简化了前端逻辑。

关键注意事项 #

• 数据校验：无论前端还是后端，都要对用户输入的邮箱格式、必填字段做校验，避免垃圾数据和无效请求。
• 错误处理：一定要给用户清晰的反馈，比如邮件发送失败时不要静默失败，要提示用户重试。
• 跨域问题：如果外部系统有CORS限制，前端直接提交会报错，这时候后端转发的方案会更稳妥。

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