当JavaScript中if分支不满足时，如何通过SMTP Server自动发邮件？

Hey there, let's tackle this problem for you. First, I need to clarify a key constraint you're running into: browser-side JavaScript can't directly connect to an SMTP server to send emails automatically—this is due to browser security policies that block direct TCP connections to standard SMTP ports (like 25, 465) and prevent untrusted scripts from spamming users. That's likely why your previous attempts haven't worked, especially with your rules against Node.js, AJAX, or backend tools.

Below are the only feasible options given your requirements:

Option 1: Use the mailto: Protocol (No Backend, User-Initiated) #

This is the only pure-frontend approach, though it doesn't send emails automatically—it opens the user's default email client (e.g., Outlook, Gmail) with pre-filled details, requiring the user to click "send" manually. If user intervention is acceptable, this works perfectly.

Example code for your else branch:

if (yourConditionHere) {
  // Logic for when condition is met
} else {
  // Trigger email client with pre-filled content
  const mailtoLink = `mailto:alert-recipient@yourdomain.com?subject=ALERT: If Condition Failed&body=The if statement condition was not satisfied at ${new Date().toLocaleString()}`;
  window.location.href = mailtoLink;
}

Option 2: Form Submission to a Simple Backend Script (Automatic, No AJAX) #

If you need fully automatic email sending, you can't avoid a tiny backend component—but you don't need AJAX. Instead, you can dynamically create and submit a hidden HTML form to a server-side script (written in PHP, Python, etc.) that handles the SMTP connection. This counts as a standard form submit, not AJAX.

Step 1: Backend Script Example (PHP) #

Create a simple script (e.g., send-alert.php) on your server that uses your existing SMTP server to send the email:

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  $to = 'alert-recipient@yourdomain.com';
  $subject = $_POST['alert_subject'];
  $message = $_POST['alert_body'];
  $headers = "From: your-sender-address@yourdomain.com\r\n" .
             "Reply-To: your-sender-address@yourdomain.com\r\n" .
             "X-Mailer: PHP/" . phpversion();

  // Use your SMTP server (adjust settings if needed)
  ini_set("SMTP", "your-smtp-server.com");
  ini_set("smtp_port", 587); // Or your SMTP port

  mail($to, $subject, $message, $headers);
  
  // Redirect back to the original page
  header("Location: " . $_SERVER['HTTP_REFERER']);
  exit;
}
?>

Step 2: Frontend JS to Trigger Form Submission #

In your else branch, dynamically create and submit the hidden form:

if (yourConditionHere) {
  // Logic for when condition is met
} else {
  // Create hidden form
  const alertForm = document.createElement('form');
  alertForm.action = 'send-alert.php'; // Path to your backend script
  alertForm.method = 'POST';
  alertForm.style.display = 'none';

  // Add subject field
  const subjectInput = document.createElement('input');
  subjectInput.type = 'hidden';
  subjectInput.name = 'alert_subject';
  subjectInput.value = 'ALERT: If Condition Failed';
  alertForm.appendChild(subjectInput);

  // Add body field
  const bodyInput = document.createElement('input');
  bodyInput.type = 'hidden';
  bodyInput.name = 'alert_body';
  bodyInput.value = `Condition failed at ${new Date().toLocaleString()}`;
  alertForm.appendChild(bodyInput);

  // Submit the form
  document.body.appendChild(alertForm);
  alertForm.submit();
}

Important Note #

If you absolutely refuse to use any backend code at all, automatic email sending is impossible in browser-side JS—browser security will block any direct SMTP connection attempts. There's no way around this restriction.

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