Heim > Web-Frontend > Front-End-Fragen und Antworten > So verwenden Sie Javascript zum Versenden von E-Mails per E-Mail

So verwenden Sie Javascript zum Versenden von E-Mails per E-Mail

PHPz
Freigeben: 2023-04-25 13:41:20
Original
3693 Leute haben es durchsucht

Mit der zunehmenden Beliebtheit und Verbreitung von E-Mails hat sich JavaScript nach und nach zu einem gängigen Werkzeug zum Versenden von E-Mails entwickelt. Mithilfe von JavaScript können Sie einer Website oder Anwendung schnell und effizient E-Mail-Funktionen hinzufügen, sodass Benutzer problemlos E-Mails über die Website oder Anwendung senden können. Im Folgenden stellen wir vor, wie Sie mithilfe von JavaScript die Funktion zum Senden von E-Mails implementieren.

Die Implementierungsschritte sind wie folgt:

  1. Fügen Sie ein Formular zur HTML-Seite hinzu.
<form action="" method="post">
  <label for="email">邮件地址:</label>
  <input type="email" id="email" name="email"><br><br>
  <label for="subject">主题:</label>
  <input type="text" id="subject" name="subject"><br><br>
  <label for="message">正文:</label>
  <textarea id="message" name="message"></textarea><br><br>
  <button type="submit" onclick="sendEmail()">发送邮件</button>
</form>
Nach dem Login kopieren
  1. Definieren Sie Mailserver-Konfigurationsinformationen in JavaScript.
let emailjsConfig = {
  USER_ID: 'your_user_id',
  TEMPLATE_ID: 'your_template_id',
  SERVICE_ID: 'your_service_id'
};
Nach dem Login kopieren

Die USER_ID hier ist die Benutzer-ID, die Sie nach der Registrierung in EmailJS erhalten haben, TEMPLATE_ID ist die ID der E-Mail-Vorlage, die Sie erstellt haben, und SERVICE_ID ist die ID des E-Mail-Versanddienstes, den Sie erstellt haben. Diese Informationen werden beim Aufruf der E-Mail-Versand-API benötigt.

  1. Senden Sie E-Mails mit EmailJS.
function sendEmail() {
  let email = document.getElementById('email').value;
  let subject = document.getElementById('subject').value;
  let message = document.getElementById('message').value;

  emailjs.send(emailjsConfig.SERVICE_ID, emailjsConfig.TEMPLATE_ID, {
      to_email: email,
      from_name: '你的名字',
      subject: subject,
      message_html: message
    })
    .then(function(response) {
      console.log('邮件发送成功!', response.status, response.text);
      alert('邮件发送成功!');
    }, function(error) {
      console.log('邮件发送失败...', error);
      alert('邮件发送失败...', error);
    });
}
Nach dem Login kopieren

Hier verwenden wir EmailJS, um E-Mails zu senden, eine Verbindung zum Mailserver herzustellen und E-Mails über die definierte Variable EMAILJS_CONFIG zu senden. Die sendEmail-Funktion ruft die E-Mail-Adresse, den Betreff, den Inhalt und andere Informationen im Formular ab und leitet diese Informationen an den Mailserver weiter. Wenn die E-Mail erfolgreich gesendet wurde oder fehlschlägt, werden entsprechende Konsolenausgabe- und Eingabeaufforderungsfeldinformationen generiert.

Die oben genannten Schritte sind die Schritte zur Verwendung von JavaScript zum Versenden von E-Mails per E-Mail. Wenn Sie Ihrer Website oder Anwendung das Versenden von E-Mails ermöglichen möchten, können Sie sich auf dieses Beispiel beziehen und es an die tatsächliche Situation anpassen.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Javascript zum Versenden von E-Mails per E-Mail. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage